作者woti (.......)
看板Web_Design
標題[問題]margin-top 外間距會直接影響到上一層
時間Sun Jul 13 23:01:19 2014
我看了這些網站
http://ppt.cc/Q-AR
http://ppt.cc/bYiN
http://ppt.cc/YBFZ (簡體)
說得真是淺顯易懂
於是我找了以下兩個網頁
http://ppt.cc/ARQM
http://ppt.cc/l8-0
可惜是英文的。
哪邊還有有關
『collapsing margin』
的中文說明(網頁/書籍)
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.134.210.237
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1405263683.A.E68.html
1F：→ fire231:不知道為什麼，我從沒發生過這種情況，不知道是因為我沒這 07/13 23:28
2F：→ fire231:麼剛好用到，還是因為我有用CSS reset的關係。 07/13 23:28
3F：→ fire231:(但我想是吧 看他的解法說只要加上display就好) 07/13 23:29
4F：→ fire231:另外 用 margin 跟 padding還是有差別的.. 07/13 23:30
5F：→ fire231:在有時候需要使用框線的時候 07/13 23:30
6F：→ fire231:當然 在沒框線的時候是差不多啦 總之實務上會遇到就是 07/13 23:30
7F：→ fire231:這時候 chrome就很好用 可以直接測試CSS 07/13 23:31
8F：→ alog:覺得以前的理解能力真好 07/14 02:47
9F：→ alog:elements的display本質弄清楚一切就沒什麼問題 07/14 02:49
10F：→ leochen0818:基本上就是樓上兩位大大說的方式解（硬要插花） 07/14 09:41
11F：→ leochen0818:基本就是css reset & elements 的 display （插花中） 07/14 09:42
12F：→ leochen0818:另外小弟補充一個CSS的 BOX MODEL也是須知 07/14 09:45
13F：→ woti:嗯...感謝以上大大說明...請回主題(用手轉別人頭) 07/14 14:07
14F：→ fire231:重點是，你要知道這個的相關書籍要幹嘛= =? 作業嘛... 07/14 15:08
15F：→ fire231:感覺就只是個小問題而已= = 07/14 15:09
16F：→ woti:collapsing margin並不是我的作業，我想知道詳細點 07/14 16:39
17F：→ fire231:那就有勞其他人解答嚕 07/14 20:25
18F：推 sycc:上下的margin有重疊效果，這是另一個跟padding不同之處 07/15 05:51