Re: [問題] margin/padding 使用時機??
※ 引述《asshole88 (愛嘶猴)》之銘言：
: 謝謝各位~
: 不過我比較有疑問的是如以下的狀況
: <div id="a">
: <div id="b">BB</div>
: <div id="c">CC</div>
: </div>
: <div id="d">
: </div>
: 如果要依以上排版，我應該要設定a的padding
: 還是設定b、c的margin比較適當呢?
: a、d的話，我是會用margin來區隔
: 只是像巢狀的div，不太確定該用哪個
: 謝謝~
這問題真的頗高階的
如果東西不是很複雜...
我通常建議
margin 可以的話... 設在外層
padding 設在最裡層
如果你外層裡層都有設 margin
會出現奇怪現象
就是外層的 margin 跟裡層的 margin 重疊
你要他不重疊就設 clear 或是 self clear fix
但偏偏很多瀏覽器對於內外層 margin 重疊的判定作法不同
這個就不是純粹 box model 能夠理解的了
然而你若把外層跟裡層的元素設個 padding 或是 border
就會突然不重疊了... 畢竟中間有卡東西嘛！
如果兩個元素之間，有一個 height 0px 的東西呢？
嗎的，每個瀏覽器又不同了
所以老話一句
真的要知道自己在幹嘛才幹嘛
不然自找麻煩真的很痛苦 de de debug 到死
這文可能說明的不太清楚
但我已經被這個現象罷凌過數百次了
對於犯人的描述不是很理性
真抱歉
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.34.100.58
推
11/30 13:28, , 1F
11/30 13:28, 1F
推
11/30 14:09, , 2F
11/30 14:09, 2F
推
11/30 15:26, , 3F
11/30 15:26, 3F
→
11/30 15:27, , 4F
11/30 15:27, 4F
推
11/30 15:53, , 5F
11/30 15:53, 5F
→
12/01 16:57, , 6F
12/01 16:57, 6F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 4 之 4 篇)：
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
36
104