1. DIV中如果只有行內元素,那麼DIV是不會被撐起來的
2.在圖片上加字,看到的常用的方法是“絕對與相對定位”,也可添加背景圖。<figure>用着有些奇怪,之後研究。
3.製作等高型分欄:a.表格(俺不想用) b.僞造分欄(使用背景平鋪,可以隨着內容增多而平鋪,也可用線性漸變也適合百分比)。還有很多方法能讓分欄看起來是等高的:點擊打開鏈接
4.一個驚人發現:我在一個DIV中嵌套多個DIV本以爲外層DIV會被內層DIV撐高,可是完全沒有???爲什麼?
發現一個解決:點擊打開鏈接。還得要研究float的用法。這位深入講解了這個屬性:點擊打開鏈接 以及 點擊打開鏈接(待看) 所以我在一個DIV中放置了兩個float的div之後,外層div沒有被撐開是因爲其中的東西實質上是沒有高度的?
因爲你可能這一塊做過浮動,但未做清除,那麼造成高度塌陷的問題。就是上面圖示的那種情況。
清除浮動,最常用的方法有兩種:
- overflow: 將父元素的overflow,設置成hidden。
- after僞類:對子元素的after僞類進行設置。
5.