标准文档流

本文介绍了标准文档流中解决元素塌陷的四种方法:使用clear属性、overflow属性、设定准确高度及利用after伪元素。这些技巧有助于网页布局的优化。

标准文档流是指除了绝对定位和浮动的其他元素,按其他元素的排列规则。

元素塌陷的解决方法;第一种,在浮动元素的下一元素(浮动元素的后面元素)中就样式 clear:both;清除浮动的影响。

第二种:在浮动元素的父元素中加入样式 overflow:auto;zoom:1;。

第三种:设置准确的高度。(不常用)

第四种:通过after伪元素。.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}。每个元素都是必须的。放于浮动元素的父元素中。

转载于:https://www.cnblogs.com/lvxiaojie/p/4805670.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值