关于float

   在网页制作时,有一个好的布局会让人赏心悦目,并且提升用户的第一感,让人留恋往返。而在布局中最重要的css有两个1:float;2:positioin;

   现在让我们看一下float;

  1:当我们把一个行属性的标签float之后,它就具有了一定块属性的性质,可以设置宽高;

  2:当我们把一个块属性的标签float之后,它就不再具有默认满行的特性,而是根据内容撑开,当然还是可以设置宽高;

     3: 当把标签float之后,它就脱离了文档流,当然float:left和float:right也不是一个系统,它们一个向左浮动,一个向右浮动。一个浮动的标签会接近它上一个同样浮动类型的标签;

例如:

<div style="float:left;width:300px;height:500px;" class="div_1"></div>

<div style="float:left;width:300px;height:500px;" class="div_2"></div>

div_2会紧挨着 div_1的右边向左浮动;同样如果一行容纳不下,它就会向下慢慢移动到一个与上一个标签紧邻又向左浮动的位置;及float的渲染机制是先上下后左右

posted @ 2011-03-07 16:30  冥人  阅读(295)  评论(2编辑  收藏  举报