笔记 | PHP 2012 | float 浮动布局

float 浮动

float: left;
float: right;

※ 对于 float 的元素, margin(外边距)不存在竖直方向的融合现象

clear 清除浮动

clear: left;     // 声明元素上方不允许有左浮元素
clear: rgith;  // 声明元素上方不允许有有浮元素
clear: both;  // 声明元素上方不允许有浮动元素

常用写法

• 设置一类 div 专门用于清除浮动, 然后所有该类的属性为清除浮动

<style type="text/css">
　　.clear{
　　　　float: both;
　　}
</style>
...
　　<div class="clear"></div>

2012_d1_①_010