今日收穫 18/3/30

1. DIV中如果只有行內元素,那麼DIV是不會被撐起來的

2.在圖片上加字,看到的常用的方法是“絕對與相對定位”,也可添加背景圖。<figure>用着有些奇怪,之後研究。

3.製作等高型分欄:a.表格(俺不想用) b.僞造分欄(使用背景平鋪,可以隨着內容增多而平鋪,也可用線性漸變也適合百分比)。還有很多方法能讓分欄看起來是等高的:點擊打開鏈接

4.一個驚人發現:我在一個DIV中嵌套多個DIV本以爲外層DIV會被內層DIV撐高,可是完全沒有???爲什麼?

發現一個解決:點擊打開鏈接。還得要研究float的用法。這位深入講解了這個屬性:點擊打開鏈接 以及 點擊打開鏈接(待看) 所以我在一個DIV中放置了兩個float的div之後,外層div沒有被撐開是因爲其中的東西實質上是沒有高度的?

因爲你可能這一塊做過浮動,但未做清除,那麼造成高度塌陷的問題。就是上面圖示的那種情況。

清除浮動,最常用的方法有兩種:

  • overflow: 將父元素的overflow,設置成hidden。
  • after僞類:對子元素的after僞類進行設置。

5.

發佈了25 篇原創文章 · 獲贊 7 · 訪問量 2419
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章