网站建设资讯

NEWS

网站建设资讯

css中clear属性的使用方法-创新互联

本篇内容主要讲解“css中clear属性的使用方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css中clear属性的使用方法”吧!

为鹿泉等地区用户提供了全套网页设计制作服务,及鹿泉网站建设行业解决方案。主营业务为网站制作、网站设计、鹿泉网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

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

说明
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

默认值:none
继承性:no
版本:CSS1
JavaScript 语法: object.style.clear="left"

实例
图像的左侧和右侧均不允许出现浮动元素:



代码如下:


img
{
float:left;
clear:both;
}


浏览器支持
所有主流浏览器都支持 clear 属性。
注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
inherit 规定应该从父元素继承 clear 属性的值。

到此,相信大家对“css中clear属性的使用方法”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


网站标题:css中clear属性的使用方法-创新互联
文章URL:http://cdweb.net/article/copojd.html