1. 程式人生 > >css overflow和float

css overflow和float

overflow:用於控制內容溢位元素框時的顯示方式

1.visiable:預設值,內容不會被修剪但會呈現在元素框之外

2.hidden:內容會被修剪,且超出元素狂框的內容不可見

3.scroll:內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容

4.auto:如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容

5.inherit:從父元素繼承 overflow 屬性的值

 

 

float:使元素向左或向右移動(不能上下移動),直到它的外邊緣碰到包含框或另一個浮動框的邊框為止,浮動元素之前的元素將不會受到影響,之後的元素將圍繞它。

預設為none無浮動,其他left左浮動、right右浮動。

clear:元素浮動之後後面的元素會重新排列,為了避免這種情況需使用clear屬性

預設為none不清除,left、right、both分別表示在左側、右側、左右兩側不允許浮動元素