育才学习网1.html的clear both含义
clear:both 在css里是清除左右两边浮动的意思。
如果前面的DIV盒子里用到了浮动，那么在编写下一个DIV盒子之前，应该在前面加上<div style="clear:both"></div>；，这样才能清除掉前面DIV盒子浮动带来的影响。
clear属性值：
left 清除该元素 左边的浮动元素。俗一点就是说谁设置了clear:left属性，谁的左边就不允许存在浮动的元素
right 清除该元素 右边的浮动元素。俗一点就是说谁设置了clear:right属性，谁的右边就不允许存在浮动的元素
both清除两边的浮动 ，清除该元素 左右边的浮动元素。俗一点就是说谁设置了clear:both属性，谁的左右边 都不允许存在浮动的元素
none，就是不做任何处理，不清除任意一边的浮动元素
inherit，就是让它跟随父元素的属性值，父元素如何设置清除，它就如何设置清除。
扩展资料
CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS特点：
丰富的样式定义
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
易于使用和修改
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。
多页面应用
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
参考资料来源：百度百科—CSS
2.CSS clear怎么用的呀
代码没问题！换别的浏览器一测试就看到效果了！（浏览器兼容问题！！）
我用IETester试了下！！（估计你的浏览器是基于IE6,IE7的）
你不加clear:both在火狐，IE8中打开！！肯定是不行的foot会浮上去！！！但在IE6,7是显示正常页面！！
而加了clear:both浏览器所显示的效果都一致了（IE5没试）！！
代码没改就是放到一个页面里你试试
<html>
<head>
<title> New Document </title>
<style type ="text/css">
#head{width:100%; height:20px; background:#789;}
#left{float:left; width:200px; height:300px; background:#823;}
#right{float:right; width:200px; height:300px; background:#399;}
#foot{clear:both; width:100%; height:20px; background:#789;}
</style>
</head>
<body>
<div id="head">head</div>
<div id="left">left</div>
<div id="right">right</div>
<div id="foot">footer</div>
</body>
</html>
3.div 中clear如何用
clear版本：CSS1 兼容性：IE4+ NS4+ 继承性：无语法：clear : none | left | right | both 取值：none ： 默认值。
允许两边都可以有浮动对象 left ： 不允许左边有浮动对象 right ： 不允许右边有浮动对象 both ： 不允许有浮动对象 说明：该属性的值指出了不允许有浮动对象的边。请参阅 float 属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 clear 。 示例：div { clear : left }img { float: right }。
4.WEB标准化：大家的clearfix都是怎么写的
当前IE6\7下无非是是元素获得layout从而实现浮动闭合。
//获得layout使用overflow:hidden清除浮动的副作用比较大，毕竟对元素的原生属性进行了侵入。.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}//在现代browser中，生成一个“.”插入元素后面，使之以块属性渲染，然后隐藏之，并赋予清除浮动的属性。
.clearfix{display:inline-block}支付宝的写法和这个道理基本相同，只不过写的更细致一些。//将元素扳回块属性，如果inline元素内的浮动则可能出现问题，但是较少出现在非块属性元素内嵌套浮动。
.clearfix{display:block}。
5.html5 clear 什么作用
定义和用法
clear 属性规定元素的哪一侧不允许其他浮动元素。
说明
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
默认值：
none
继承性：
no
版本：
CSS1
JavaScript 语法：
object.style.clear="left"
可能的值
值
描述
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
inherit 规定应该从父元素继承 clear 属性的值。
转载请注明出处育才学习网 » htmlclear类怎么写