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

简介: 给父盒子添加一个”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

相关文章
|
前端开发
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
102 0
|
2月前
|
前端开发
除了伪元素清除法,还有哪些方法可以解决浮动布局的高度塌陷问题
【10月更文挑战第27天】不同的方法适用于不同的场景和布局需求,在实际开发中,需要根据具体情况选择最合适的方法来解决浮动布局的高度塌陷问题。
|
2月前
|
前端开发
|
5月前
|
前端开发 容器
cssfloat浮动
cssfloat浮动
51 1
|
8月前
|
前端开发
css中如何解决绝对定位元素被遮挡的问题
css中如何解决绝对定位元素被遮挡的问题
722 3
|
8月前
|
前端开发 容器
css样式元素的相对定位,绝对定位,固定定位等元素定位运用技巧详解
css样式元素的相对定位,绝对定位,固定定位等元素定位运用技巧详解
【元素水平垂直居中的方法有哪些?元素不定宽高呢?】
【元素水平垂直居中的方法有哪些?元素不定宽高呢?】
【元素水平垂直居中的方法有哪些?元素不定宽高呢?】
|
前端开发