CSS的clear属性怎么使用

2023-05-23,

这篇“CSS的clear属性怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS的clear属性怎么使用”文章吧。

CSS clear属性

定义和用法

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

说明

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

实例

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

img    
{    
float:left;    
clear:both;    
}

浏览器支持

所有主流浏览器都支持 clear 属性。

注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

TIY 实例

<html>    
<head>   
<style type="text/css"> 
img      
{      
float:left;    
clear:both;      
}    
</style>   
</head>    
<body> 
<img src="www.68tt.com/i/eg_smile.gif" />   
<img src="/i/eg_smile.gif" />   
</body>    
</html>

css的选择器有哪些

css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以有多种组合,有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等

以上就是关于“CSS的clear属性怎么使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注本站行业资讯频道。

《CSS的clear属性怎么使用.doc》

下载本文的Word格式文档,以方便收藏与打印。