關於浮動你不得不知道的知識

2021-08-17 22:34:10 字數 925 閱讀 4902

首先你得知道浮動屬性出現的

初衷是「為了實現文字環繞的效果」,只是後來被用在了「不正當的方面」。

以下是我總結的16條關於

浮動的規則。

1.css允許浮動任何元素,且浮動的元素會從正常的文件流中脫離出來,不過它仍然會影響布局。

2.浮動元素周圍的外邊距不會合併,不管周圍的margin是否是浮動元素的都不會合併。

3.如果浮動乙個非替換元素(比如鏈結),該元素的寬度會盡可能的小。

4.浮動元素的包含塊是其最近的塊級祖先元素。

5.浮動元素會生成乙個塊級框,而不論這個元素本身是什麼。這個塊級框很像display:block的效果,不過不會獨佔一行的(畢竟有文字環繞效果嘛)。所以浮動元素是沒有必要宣告display:block的。

6.浮動元素的左(右)外邊距不能超出其包含塊的左(右)內邊界。

7.浮動元素永不重疊。(當然只是理論上,當出現第12條規則的情況時,在視覺上是會重疊的。)

8.浮動元素不會超過包含塊的上padding。

9.浮動元素的頂端不能比之前所有浮動元素或塊級元素的頂端更高。

10.滿足其他約束條件的前提下,浮動元素會盡可能的高。

11.元素浮動會是包含塊塌陷,給包含塊也新增浮動就可以把浮動元素包含在內。(一種清除浮動的方法喲)

12.浮動元素設定負的外邊距會在視覺效果上感覺像破壞了規則6.7.8.9,其實實質上並沒有違背規則。(負外邊距的特殊效果)

13.當浮動元素比包含塊更寬時,浮動元素會超出內邊界,究竟超出的哪個方向的內邊界取決於浮動方向。

14.行內框與浮動元素重疊時,其邊框、背景、內容都在該浮動元素上面(這裡的上面是z-index更高的意思)顯示。

15.塊級框與浮動元素重疊時,其邊框和背景在該浮動元素之下,而內容在浮動元素之上。

16.補充一點:clear只能用於非塊級元素,除非將非塊級元素display成block。

不得不知道的補碼知識

無論什麼程式語言,其 最終都會被編譯解釋成計算機可讀取和執行的二進位制資料。其中,數字在二進位制資料中可劃分成原碼 補碼和反碼。原碼 數值前面增了一位符號位 例如 10 和 10 的二進位制表示如下 10 的原碼 0000 1010 10 的原碼 1000 1010其中,最高位表示符號位,0 表示正...

關於簡歷,那些你不得不知道的要點!!

突出重點 乙個招聘者希望看到你對自己的事業採取的是認真負責的態度。不要忘記雇主在尋找的是適合某特定職位的人,這個人將是數百應聘者中最合適的一人。推銷自己 最成功的廣告則要有簡短而富有感召力,並且能夠多次重複重要的資訊。簡歷應該限制在一頁紙以內,在頁面上端寫一段總結性的語言,陳述你在求職上最大的優勢,...

學習python你不得不知道的清華映象

python 安裝模組時 你用 pip3 install 模組pip install i 模組名更新 pip install i 模組名 upgrade更新pip 設定使用清華映象安裝pip,之後用pip安裝其他包時優先使用清華映象 跟新pip 模組名 pip install whl在此之前確保安裝...