DIV中嵌套UL，UL使用浮动DIV高度不自动增长

答案:3 悬赏:60 手机版

解决时间 2021-04-30 19:41

提问者网友：嘚啵嘚啵
2021-04-30 15:29

本人在DIV中嵌套了一个UL。DIV使用了背景，（此时DIV根据UL内容的大小自动增长高度）但是等我把里面的UL使用浮动后，DIV就不显示了，除非手动调整DIV的高度。我需要的结果是DIV根据UL内容的大小自动增长高度谢谢。满意给分！！复制党，新手请为高手靠站边谢谢。我需要能简介的直接的解决方案。奉上页面源代码。<style type="text/css">* { margin:0px; padding:0px;}.top { width: 250px; background-color: #CCC; margin-top: 10px; margin-left: 200px;}.top li { float: left; list-style-type: none;}</style></head><body><div class="top"> <ul> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> <li>abcde</li> </ul></div>（以上是使用浮动后的结果）（以上是我需要的结果）最后在说一边是DIV根据UL内容的大小多少自动增长高度谢谢

最佳答案

五星知识达人网友：由着我着迷
2021-04-30 16:30

给TOP设置 overflow:auto;

width:aoto; 或者width:100%

全部回答

1楼网友：傲气稳了全场
2021-04-30 17:10

主要是你没有清理浮动的缘故加上这句就可以了：.top ul{zoom:1;overflow:hidden;}

2楼网友：千夜
2021-04-30 16:57

给TOP设置 overflow:auto;

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！