CSS的clear属性怎么使用

本文讲解"CSS的clear属性如何使用",希望能够解决相关问题。

CSS clear属性

定义和用法

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

说明

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

CSS的clear属性怎么使用

实例

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

img    
{    
float:left;    
clear:both;    
}

浏览器支持

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

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

可能的值

CSS的clear属性怎么使用

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的font-size属性怎么设置:本文讲解"CSS的font-size属性如何设置",希望能够解决相关问题。CSS属性font-size详解CSS的字体样式设置相信许多人再熟悉不过,其实字体样式的设置并不仅仅限于我们平时常用的那几个属 ...