CSS入門基礎知識(十五) 清除浮動

2021-10-10 10:10:04 字數 566 閱讀 3010

額外標籤法

額外標籤法也稱為隔牆法,是w3c推薦的做法

額外標籤法會在浮動元素末尾新增乙個空的標籤。例如< div style = " clear:both " >< /div>,或者其他標籤(如 < br />等)

優點:通俗易懂,書寫方便

缺點:新增許多無意義的標籤,結構化較差

注意:要求這個新的空標籤必須是塊級元素

清除浮動——父級新增overflow

可以給父級新增overflow屬性,將其屬性值設定為hidden、auto或scroll

注意:是給父元素新增**

優點:**簡潔

缺點:無法顯示溢位部分

清除浮動——:after 偽元素法

:after方式是額外標籤法的公升級版 也是給父元素新增

清除浮動——雙偽元素清除浮動

清除浮動總結

(ps:引自pink老師~,剛剛開始作為自己的學習筆記寫,如有不好請見諒,阿里嘎多)

[^1]:

CSS入門基礎知識(十三) 浮動(一)

網頁布局的本質 用css來擺放盒子。把盒子擺放在相應的位置。css提供了三種傳統布局方式 1 普通流 標準流 2 浮動 3 定位 所謂的標準流 就是標籤按照規定好預設方式排列 1 塊級元素會獨佔一行,從上向下順序排列 2 行內元素會按照順序,從左到右順序排列,碰到父元素邊緣則自動換行 3 常用元素 ...

CSS基礎知識總結之浮動詳解

前言 day4主要講述了乙個重點,那就是浮動 其中包含,什麼是浮動?浮動的作用語法及浮動的清除等 1 css的三種布局機制 css 提供了 3 種機制來設定盒子的擺放位置,分別是普通流 標準流 浮動和定位,其中 1 普通流 標準流 常用元素 div hr p h1 h6 ul ol dl form ...

基礎知識(十五)Cmake

cmake學習筆記 cmake minimum required version 2.6 cmake版本要求 project tiny cnn 設定專案名稱 set src main.c 定義變數src等於main.c add executable tiny cnn 生成可執行檔名tiny cnn ...