教育行業A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

為什么需要浮動?css浮動布局的特點是什么?

更新時間:2021年09月17日17時14分 來源:傳智教育 瀏覽次數:

好口碑IT培訓

網頁布局的本質——用 CSS 來擺放盒子。普通流(標準流)、浮動、定位是三種傳統的布局方式。有很多的布局效果,標準流沒有辦法完成,此時就可以利用浮動完成布局。 因為浮動可以改變元素標簽默認的排列方式,讓多個塊級元素一行內排列顯示,控制多個盒子之間的間隙。
網頁布局第一準則:多個塊級元素縱向排列找標準流,多個塊級元素橫向排列找浮動。利用float 屬性可以創建浮動框,將其移動到一邊,直到左邊緣或右邊緣觸及包含塊或另一個浮動框的邊緣。
語法:
選擇器 { float: 屬性值; }


加了浮動之后的元素,會具有很多特性,需要我們掌握的:

  1. 浮動元素會脫離標準流(脫標)。

  1. 浮動的元素會一行內顯示并且元素頂部對齊。

  2. 浮動的元素會具有行內塊元素的特性。

設置了浮動(float)的元素最重要特性:

  1. 脫離標準普通流的控制(浮) 移動到指定位置(動), (俗稱脫標)

  2. 浮動的盒子不再保留原先的位置