举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > css中clear属性值 CSS clear 属性

css中clear属性值 CSS clear 属性

2023-03-25 22:18 CSS参考手册

css中clear属性值 CSS clear 属性

css中clear属性值

CSS中的clear属性是用来清除浮动的,它可以让元素不被浮动元素所影响。它有三个属性值:none、left、right和both。

none:表示不清除浮动,这是默认值。 
left:表示清除元素左侧的浮动。 
right:表示清除元素右侧的浮动。 
both:表示清除元素两侧的浮动。

clear属性可以用来解决布局中出现的问题,如当一个div里有多个子div时,子div之间会出现间隔或重叠的情况,这时就可以使用clear来解决这些问题。

使用clear时要注意一些事情,如在使用float布局时要注意在最后一个float元素后添加一个clear:both;来清除浮动;在使用position布局时要注意在最后一个position元素后添加一个clear:both;来避免出现重叠或者间隔的情况。

CSS clear 属性

CSS clear 属性

实例

指定段落的左侧或右侧不允许浮动的元素:

img
{
float:left;
}
p.clear
{
clear:both;
}


本页底部查看更多实例。

属性定义及使用说明

clear属性指定段落的左侧或右侧不允许浮动的元素。

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


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性          
clear 1.0 5.0 1.0 1.0 6.0

属性值

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


相关文章

CSS 教程: CSS Float

阅读全文
以上是编程学为你收集整理的css中clear属性值 CSS clear 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部