標準流排版
浮動流排版
定位流排版浮動元素脫標
浮動元素排列
浮動貼靠和字圍現象
為什麼要清除浮動
浮動清除說明基於下面的環境
"box1"
>
>
123p
>
>
123p
>
>
123p
>
div>
"box2"
>
>
abcp
>
>
abcp
>
>
abcp
>
div>
#box1 p
#box2 p
p
clear 導致的 margin-top 失效外牆
內牆
#box1::after
overflow的其他作用
清除浮動最常用就是 定義
注意應用注意事項
和相對定位的配合使用
絕對定位的水平居中:
關於四種定位方式:其中相對定位和預設定位都是不脫標的,所以其中的元素是區分行內和塊級的,而固定和絕對定位是脫離標準流的,所以也就不區分行內和塊級元素vertical-align:這個屬性是設定容器內的內容的垂直排布的,應該給相應的容器設定,而且該容器必須是行內元素,將 display 設定為 table-cell 也是有效的
CSS 定位和浮動
css 為定位和浮動提供了一些屬性,利用這些屬性,可以建立列式布局,將布局的一部分與另一部分重疊,還可以完成多年來通常需要使用多個 才能完成的任務。定位的基本思想很簡單,它允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。顯然,這個功能非常強大,也...
CSS 定位和浮動
css 為定位和浮動提供了一些屬性,利用這些屬性,可以建立列式布局,將布局的一部分與另一部分重疊,還可以完成多年來通常需要使用多個 才能完成的任務。定位的基本思想很簡單,它允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。顯然,這個功能非常強大,也...
CSS定位和浮動
基本思想 允許定義元素框相對於其正常位置應該出現的位置,或者相對于父元素,另乙個元素和瀏覽器視窗的本身.一切皆為框 元素分為塊級元素和行級元素兩種 可以使用display屬性改變框的型別 display屬性值 詳解block 可以讓行元素表現得像塊級元素一樣 none 生成的元素沒有框,該框的內容不...