css中的clear属性有什么用

这篇文章主要介绍了css中的clear属性有什么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、成都网站建设、外贸网站建设、资兴网络推广、微信小程序、资兴网络营销、资兴企业策划、资兴品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供资兴建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

cssclear属性怎么用？

clear属性规定元素的哪一侧不允许其他浮动元素。

语法：

clear:left|right|both|none|inherit;

属性值：

●left：在左侧不允许浮动元素。

●right：在右侧不允许浮动元素。

●both：在左右两侧均不允许浮动元素。

●none：默认值。允许浮动元素出现在两侧。

●inherit：规定应该从父元素继承clear属性的值。

说明：

clear属性定义了元素的哪边上不允许出现浮动元素。在CSS1和CSS2中，这是通过自动为清除元素（即设置了clear属性的元素）增加上外边距实现的。在CSS2.1中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。

不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

注释：所有主流浏览器都支持clear属性。任何版本的InternetExplorer（包括IE8）都不支持属性值"inherit"。

cssclear属性示例

Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.

Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.

使用clear:both清除浮动：

Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.Thisissometext.

Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.Thisisalsosometext.

感谢你能够认真阅读完这篇文章，希望小编分享的“css中的clear属性有什么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!