Re: [問題] CSS 階層問題一籮筐
※ 引述《befdawn (貝夫洞)》之銘言：
: 各位好，最近在 udemy 初學 CSS，想請求前輩指點一二
: 這是我練習打的碼
: http://jsbin.com/robupe/1/edit?html,output
: 1. 請問關於階層問題，
: 為何 background-color: #eee; 要放在 #bar li，不能放在 #bar 或者 #bar ul 內呢？
: 2. 同樣地，
: 為何 margin: 0; 要放在 #bar ul 內，不能放在 #bar 或者 #bar li 內呢？
: 3. 究竟該怎麼看待這樣的階層與屬性的關係？目前找不到邏輯，只知道試三次總會成功
: ，但想找個可尋之法。（感覺需要經驗去累積？Orz）
: 先謝謝各位前輩了！
因為子元素用float
母元素沒辦法被子元素撐開
你開dev tool去看ul跟#bar的box-model就知道了
height=0
最常用的應該是overflow
其他你看這篇文章
https://css-tricks.com/all-about-floats/
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.180.169.20
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1430922905.A.725.html
推
05/06 23:23, , 1F
05/06 23:23, 1F
推
05/06 23:26, , 2F
05/06 23:26, 2F
→
05/06 23:28, , 3F
05/06 23:28, 3F
推
05/06 23:39, , 4F
05/06 23:39, 4F
→
05/06 23:39, , 5F
05/06 23:39, 5F
→
05/06 23:39, , 6F
05/06 23:39, 6F
推
05/06 23:41, , 7F
05/06 23:41, 7F
→
05/06 23:41, , 8F
05/06 23:41, 8F
推
05/06 23:53, , 9F
05/06 23:53, 9F
→
05/06 23:54, , 10F
05/06 23:54, 10F
→
05/06 23:54, , 11F
05/06 23:54, 11F
→
05/07 02:58, , 12F
05/07 02:58, 12F
→
05/07 02:58, , 13F
05/07 02:58, 13F
推
05/07 09:01, , 14F
05/07 09:01, 14F
→
05/07 09:02, , 15F
05/07 09:02, 15F
→
05/07 09:05, , 16F
05/07 09:05, 16F
→
05/07 09:06, , 17F
05/07 09:06, 17F
→
05/07 09:08, , 18F
05/07 09:08, 18F
→
05/07 09:09, , 19F
05/07 09:09, 19F
→
05/07 09:10, , 20F
05/07 09:10, 20F
推
05/07 09:50, , 21F
05/07 09:50, 21F
討論串 (同標題文章)