STU网页设计

清除ul和li里面的浮动并让ul实现高度自适应

更新时间:2022-12-30   文章分类:网页技术课堂

有时候会遇到ul li列表里面的内容会用到浮动,这个时候ul的高度就不会被撑开,这怎么办呢?最笨的方法就是设置ul的高度,但这种方法很死板,高度不能自适应。

比较好用的一个办法就是:在ul标签里添加:overflow:hidden;clear:both;这两个样式,妥妥的能让ul的高度撑开。

代码可参考下方示例,或者把样式写到css文件。

<ul style="overflow:hidden;clear:both;"><li></li></ul>

这也可以用于任何由于内部内容浮动之后,高度不能自适应的div元素。

STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询