after伪对象清除浮动

简介: after伪对象清除浮动。

after伪对象清除浮动的局限性及需要注意哪些事项?
使用after伪对象也可以清除浮动,但是该方法只适用于IE8及以上版本浏览器和其他非IE浏览器。使用after伪对象清除浮动时需要注意以下两点:
(1)必须为需要清除浮动的元素伪对象设置“height:0;”样式,否则该元素会比其实际高度高出若干像素。
(2)必须在伪对象中设置content属性,属性值可以为空,如“content: "";”。

相关文章
|
6月前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
前端开发
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
83 0
|
2月前
after伪对象
after伪对象
34 5
|
前端开发
伪元素和伪类的区别和作用?
伪元素和伪类的区别和作用?
68 0
|
前端开发
清除浮动的五种方法以及优缺点
清除浮动的五种方法以及优缺点
118 0
|
前端开发 容器
前端CSS理解 —— BFC(块级格式化上下文)
前端CSS理解 —— BFC(块级格式化上下文)
62 0
元素水平垂直居中的方法归纳总结
元素水平垂直居中的方法归纳总结
|
前端开发 容器
【清除浮动的 5 种方法】
【清除浮动的 5 种方法】
|
JavaScript API 容器
彻底弄懂元素样式、位置、大小相关计算
在我们日常开发中偶尔会碰到获取元素样式、设置某元素样式、计算元素位置、计算滚动距离等需求。但是js中关于元素位置、样式、大小的api种类繁多,稍不留神就会搞不清楚。今天笔者就带你彻底弄清楚,让你在这类问题上不再迷茫。
215 0
|
前端开发
浮动的本质和4种清除方法
浮动的本质和4种清除方法
159 0
浮动的本质和4种清除方法