Question

如图！html中dl加入css样式后，dd和dt黏在一块了，什么原因？

运行结果~~





Answer 1

dl 不要设置高度， 要也是用auto；然后dt设置一个固定高度 20px; line-height:20px; dd就不用了

追问

但是那样子没法隐藏显示啊~~

追答

223
123
123
123

223
123
123
123

function change(obj)
{
$(obj).find("dd").toggle();
}

用jquery 这个很简单 你其他的代码全部不用了， 你看下效果就知道了

追问

我想知道为什么我前面那种写法会那样子？想找出原因来~~

追答

因为你没有给dt高度，而去限制了dl的高度。

Answer 2

给DD DT加一点间距。

追问

还是不行啊~我上图那个结果出来的名单是第一个男歌手点出来的~

追答

您设一下宽度，高度

width:100px;
height:25px;
line-height:25px;
试一下。

追问

那样会很怪   我想要的效果是展开后

展开前