css定位的第二个属性---float.第一个是positon
float属性可以用于块级或者行内元素。使用了float属性的块级元素,会变成行内元素,然后进行左右漂移。
float.如果发现一行内的空间不足的话,会智能的移动到下一行。
可取值:left.right.none
float的一个相关属性是clear
clear可取值为left,right,none,both.
他的作用是清除他左右元素的float属性,如果左右是block元素+float就变成行内元素了,清除float就比变成block元素了,会导致换行。
float属性可以用于块级或者行内元素。使用了float属性的块级元素,会变成行内元素,然后进行左右漂移。
float.如果发现一行内的空间不足的话,会智能的移动到下一行。
可取值:left.right.none
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.good {width:200px;height:200px;background-color:red;float:right;}
// div {width:400px;height:100px;background-color:blue;}
div {width:400px;height:100px;background-color:blue;float:left;}
</style>
</HEAD>
<BODY>
<div>
</div>
<div class="good">1</div>
<div class="good">2</div>
<div class="good">3</div>
</BODY>
</HTML>
float的一个相关属性是clear
clear可取值为left,right,none,both.
他的作用是清除他左右元素的float属性,如果左右是block元素+float就变成行内元素了,清除float就比变成block元素了,会导致换行。