<style> div li {margin:0;padding:0} div {border:1px solid #ccc;width:310px;} li {float:left;width:100px} </style> <div> <ul> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> </ul> </div>
 提示：您可以先修改部分代码再运行

在firefox下ul高度不能自动适应了,怎么改?

<style> * {margin:0;padding:0} div {border:1px solid #ccc;width:310px;margin-top:300px;} div ul {width:300px;margin:0px auto;overflow:hidden;} li {float:left;width:150px;list-style:none;} </style> <center> <div> <ul> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> </ul> </div> </center>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 jackdonson 于 2008-6-16 00:44 编辑 ]

“在firefox下ul高度不能自动适应了”其根本原因就是您没有清除浮动！

感谢,学习了.....

或者给UL也设置浮动，不过这样比较麻烦，外面的div也要浮动起来才行，还是直接清除浮动比较方便哦

在最后面加个清除浮动：

.clear{clear:both;
height:0;}

学了一招

关键是浏览器不能取得UL的宽度，所以也无法计算ul的高度
最简单的方法就是ul设置宽度 with:100% 或者一个定值 再加一个overflow:hidden

<style> div li,ul {margin:0;padding:0;list-style:none;} div {border:1px solid #ccc;width:310px;} ul{width:100%;overflow:hidden;} li {float:left;width:100px} </style> <div> <ul> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> </ul> </div>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 kolou 于 2008-9-23 12:09 编辑 ]

引用:

原帖由 fuguojian1988 于 2008-6-16 23:41 发表
在最后面加个清除浮动：

.clear{clear:both;
height:0;}

学到了,BI真是好地方

<style> *{margin:0;padding:0} div {border:1px solid #ccc;width:310px;} li {list-style:none;float:left;width:100px;} .clear{clear:both;height:0;} </style> <div> <ul> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> <li>电脑常识电脑常识</li> </ul> <br class="clear" /> </div>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 iskywang 于 2008-9-23 16:14 编辑 ]

清除是要另外加上一个div我还是认为选择8#的比较好
并且加上一个额外的div也会有影响的比如再ie6中就有影响。个人还是感觉
8#的方法比较好！