CSS 浮動和定位(new)

2021-09-28 22:50:46 字數 811 閱讀 3413

標準流排版

浮動流排版

定位流排版浮動元素脫標

浮動元素排列

浮動貼靠和字圍現象

為什麼要清除浮動

浮動清除說明基於下面的環境

"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 生成的元素沒有框,該框的內容不...