关于float
时间:2011-03-07 来源:冥人
在网页制作时,有一个好的布局会让人赏心悦目,并且提升用户的第一感,让人留恋往返。而在布局中最重要的css有两个1:float;2:positioin;
现在让我们看一下float;
1:当我们把一个行属性的标签float之后,它就具有了一定块属性的性质,可以设置宽高;
2:当我们把一个块属性的标签float之后,它就不再具有默认满行的特性,而是根据内容撑开,当然还是可以设置宽高;
3: 当把标签float之后,它就脱离了文档流,当然float:left和float:right也不是一个系统,它们一个向左浮动,一个向右浮动。一个浮动的标签会接近它上一个同样浮动类型的标签;
例如:
<div style="float:left;width:300px;" class="div_1"></div>
<div style="float:left;width:300px;" class="div_2"></div>
div_2会紧挨着 div_1的右边向左浮动;同样如果一行容纳不下,它就会向下慢慢移动到一个与上一个标签紧邻又向左浮动的位置;及float的渲染机制是先上下后左右
相关阅读 更多 +