手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css中的clear属性使用方法实例介绍
css中的clear属性使用方法实例介绍
摘要:定义和用法clear属性规定元素的哪一侧不允许其他浮动元素。说明clear属性定义了元素的哪边上不允许出现浮动元素。在CSS1和CSS2中,...

定义和用法

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中水平垂直居中对齐布局实例总结

css中换行的几种常用方式整理

css中style和class的加载顺序示例介绍

DIV+CSS创建三栏网页布局方法介绍

CSS教程:clip属性完全解答

div+css垂直居中的五种实现方法

css中元素水平垂直居中4种方法介绍

控制css字间距和对齐方式所用属性介绍

CSS中常用的缩写方式

用css实现十字的布局示例代码

精品推荐
分类导航