温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css中常用的清楚浮动的方法

发布时间:2020-08-01 20:33:24 来源:网络 阅读:283 作者:歆冉 栏目:web开发

如果父级元素没有设置高度,并且其中的子元素进行了浮动,那么父级元素的高度就会塌陷成0高度,会影响后面元素的排版和布局,

也就是后面的元素会直接顶上去。

所以我们就需要解决这种问题

第一种方法: 直接给父级元素添加overflow:hidden; 属性

css中常用的清楚浮动的方法

效果:

css中常用的清楚浮动的方法

解决办法:

css中常用的清楚浮动的方法

效果:

css中常用的清楚浮动的方法

第二种方法:在浮动的元素后面再添加一个空的div,并且添加清楚浮动的属性

css中常用的清楚浮动的方法

第三种方法:

css中常用的清楚浮动的方法

有时也会这样写:

css中常用的清楚浮动的方法

第四种方法: 让父级元素也一起浮动起来,也能让父级元素撑起高度。

通常第三种方法用的最多。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI