浮动

网页内的内容浮动使用:float(css1),具体使用如下:

		*{
			margin:0;
			padding:0;
		}
		#a{
			width:80px;
			height:80px;
			background-color:#f0f8ff;
			float:right;
		}
		#b{
			width:80px;
			height:80px;
			background-color:#f5f5dc;
		}
		#c{
			width:80px;
			height:80px;
			background-color:#deb887;
		}
效果:

<css 十二>浮动_第1张图片

float值有3个:

left
right
none
如果不允许网页内容浮动,可以使用clear(css1),具体使用:

clear:left;
clear值有以下几个:

left:在左侧不允许浮动元素
rlght:在右侧不允许浮动元素
both:在两侧不允许浮动元素
none:允许浮动元素出现在两侧

你可能感兴趣的:(浮动)