清除浮动的几种方式

简介: 参考资料MDN Layout学习CSS布局清除浮动(clearfix hack)The very latest clearfix reloaded解读浮动闭合最佳方案:clearfixWhat methods of ‘clearfix’ can I use?方式1.

参考资料

方式1

.clearfix {
  overflow: auto;//获取 layout
  zoom: 1;//ie 6
}

方式2

.clearfix:after {
    content:" ";
    display:table;
    clear:both;
}
相关文章
|
前端开发
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
102 0
|
2月前
|
前端开发
除了伪元素清除法,还有哪些方法可以解决浮动布局的高度塌陷问题
【10月更文挑战第27天】不同的方法适用于不同的场景和布局需求,在实际开发中,需要根据具体情况选择最合适的方法来解决浮动布局的高度塌陷问题。
|
前端开发
伪元素和伪类的区别和作用?
伪元素和伪类的区别和作用?
91 0
水平垂直居中的四种方式
水平垂直居中的四种方式
|
前端开发 容器
【清除浮动的 5 种方法】
【清除浮动的 5 种方法】
|
前端开发
前端总结:块级元素和行内元素及其区别
前端总结:块级元素和行内元素及其区别
192 0
前端总结:块级元素和行内元素及其区别
|
前端开发
CSS高度塌陷问题及清除浮动的三种方式
在父元素最后增加一个空的块级子元素,并且让它设置clear: both
175 0
|
前端开发
CSS的三种布局机制 浮动 清除浮动
CSS的三种布局机制 浮动 清除浮动
185 0
CSS的三种布局机制 浮动 清除浮动