浮動(自學筆記)

2021-10-08 17:54:59 字數 695 閱讀 5435

css的定位機制有三種:普通流(標準流)、浮動、定位。

html語言中另乙個重要的概念-----------標準流,或者叫普通流。普通流就是乙個網頁內標籤元素從上到下,從左到右排列的順序。比如塊級元素會獨佔一行,行內元素會依次從左到右排列,按照這種大前提的布局排列之下絕對與不會出現例外的情況的叫做普通流布局。

屬性值描述

left

元素向左浮動

right

元素向右浮動

浮動脫離標準流,不佔位置,會影響標準流。浮動只有左右動;

浮動找最近的父盒子對齊,但不會貼著邊框,不會超過內邊距;

乙個父盒子裡面的子盒子,其中乙個子盒子浮動,則其他子盒子都需要浮動

浮動可以讓盒子預設轉換為行內塊

額外標籤法:在浮動元素的末尾新增乙個空的標籤,如

父級新增overflow屬性:overflow:hidden/auto/scroll

使用after偽元素清除浮動:

.clearfix:after 

.clearfix:

雙偽元素清除浮動:

.clearfix:before,.clearfix:after 

.clearfix:after

.clearfix

浮動基礎筆記

這個單詞很多人翻譯為 文件流 字面翻譯 普通流 或者標準流都可以。前面我們說過,網頁布局的核心,就是用css來擺放盒子位置。如何把盒子擺放到合適的位置?css的定位機制有3種 普通流 標準流 浮動和定位。html語言當中另外乙個相當重要的概念 標準流!或者普通流。普通流實際上就是乙個網頁內標籤元素正...

java thread自學筆記

執行緒有多種寫法。第一種是實現runnable介面。第二種是繼承thread類。第三種是直接寫runnable的實現方法。public class threadtest thread t new thread r t.run output foo t.start output foo try cat...

OC自學筆記

變數資料修飾 auto register extern static 預設auto int i 0 等於 auto int i 0 register高效變數 register int i 0 分配數量有限,跟系統有關,可能會降為auto extern全域性變數 extern int i 0 相同專案...