Css浮动元素外层容器高度为0(无高度)的解决方法

ttx9n · 发表于 2013-7-31 11:40:11

在ie8、chrome浏览器中，包裹浮动的li元素的外层ul高度为0，ie7浏览器和ie8兼容模式显示正常，下面与大家分享下多种解决方法大家可以根据情况自由选择，希望对大家有所帮助由于项目中使用ul+li的布局方式，在ie8、chrome浏览器中，包裹浮动的li元素的外层ul高度为0，ie7浏览器和ie8兼容模式显示正常，这是典型的浏览器兼容性问题。

解决办法：
第一种：设置ul的style属性

复制代码代码如下:
overflow:hidden;//超出元素纬度范围的内容的可见性：隐藏

第二种：设置ul的style属性

复制代码代码如下:
float:left; //浮动：左

第三种：在ul标记内加空div

复制代码代码如下:
<div style=" clear:both; visibility:hidden;">

a971560 · 发表于 2022-10-16 13:48:49

问问问企鹅哇哇哇哇哇

x20yd3qx · 发表于 2022-10-31 02:13:40

的沙发水电费水电费

3pjdk29w · 发表于 2023-1-7 09:24:27

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

uj9lpc · 发表于 2023-4-8 20:17:31

iiguuubhuiuihu

小伙伴 · 发表于 2023-6-24 01:52:02

哈哈哈哈哈哈

小伙伴 · 发表于 2023-8-27 16:45:46

vcxvcxv

z80vh · 发表于 2023-8-29 17:19:52

数据库了多久撒快乐的健身卡啦

回复用户1 · 发表于 2023-11-13 14:52:13

加快速度很快就撒谎

JosephSA · 发表于 2023-12-1 05:01:36

哦哦哦ijhhsdj

账号		自动登录	找回密码
密码			立即注册

[CSS] Css浮动元素外层容器高度为0(无高度)的解决方法