闭合浮动,元素浮动或绝对定位后失去文档流的友好解决办法

简介: 给父盒子添加一个”clearfix”样式。它一般这样子定义 .clearfix{ zoom:1;//由于IE6-7不支持:after,使用 zoom:1触发 hasLayout。 }.

给父盒子添加一个”clearfix”样式。它一般这样子定义

.clearfix{
    zoom:1;//由于IE6-7不支持:after,使用 zoom:1触发 hasLayout。

}
.clearfix::after{
    content:"";
    display:block;
    height:0;
    clear:both;
}
参考链接  http://www.cnblogs.com/StormSpirit/archive/2012/11/15/2772216.html

相关文章
|
8月前
【奇技淫巧】实现flex布局中,单独某个元素挪到右侧、底部,与其他元素排列不同,就像是个另类。(主要是用到margin-left和align-self)
【奇技淫巧】实现flex布局中,单独某个元素挪到右侧、底部,与其他元素排列不同,就像是个另类。(主要是用到margin-left和align-self)
|
前端开发
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
101 0
|
2月前
|
前端开发
hover后元素边框变粗,样式被挤压?一招帮你解决,快收藏备用!
【10月更文挑战第15天】hover后元素边框变粗,样式被挤压?一招帮你解决,快收藏备用!
66 14
hover后元素边框变粗,样式被挤压?一招帮你解决,快收藏备用!
|
2月前
|
前端开发
除了伪元素清除法,还有哪些方法可以解决浮动布局的高度塌陷问题
【10月更文挑战第27天】不同的方法适用于不同的场景和布局需求,在实际开发中,需要根据具体情况选择最合适的方法来解决浮动布局的高度塌陷问题。
|
2月前
|
前端开发
|
5月前
|
前端开发 容器
cssfloat浮动
cssfloat浮动
50 1
|
8月前
|
前端开发 容器
css样式元素的相对定位,绝对定位,固定定位等元素定位运用技巧详解
css样式元素的相对定位,绝对定位,固定定位等元素定位运用技巧详解

热门文章

最新文章