好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

clearfix:after[的用法]_html/css_WEB-ITnose

css 浏览器 html

为什么不能直接用
.clear{clear:both} 

希望能贴出HTML+CSS的详细用法, 如
.clear{clear:both} 
在哪个浏览器不兼容

再能贴出.clearfix:after和.clearfix能兼容各浏览器代HTML+CSS的详细用法

急用...希望能深入了解清楚浮动的朋友能解决我这个疑问


回复讨论(解决方案)

clear 属性规定元素的哪一侧不允许其他浮动元素。
说明
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
默认值: none
继承性: no
版本: CSS1
JavaScript 语法: object.style.clear="left"
实例
图像的左侧和右侧均不允许出现浮动元素:
img
{
float:left;
clear:both;
}


clear 属性规定元素的哪一侧不允许其他浮动元素。
说明
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
默认值: none
继承性: no
版本: CSS1
JavaScript 语法: object.style.clear="left"
实例
图像的左侧和右侧均不允许出现浮动元素:
img
{
float:left;
clear:both;
}

.clearfix:after可以在子节点float的时候撑开父节点

首先 清除浮动的原理 ,其实 是元素留出足够多的 垂直外边距 给浮动的元素。

查看更多关于clearfix:after[的用法]_html/css_WEB-ITnose的详细内容...

  阅读:30次