※ 引述《asshole88 (愛嘶猴)》之銘言：
: 各位晚安~
: 最近練習了許多div+CSS的排版範例
: 但當自已要寫出一個網頁時，何時要使用margin或padding卻讓我有點搞不清楚
: 參考了一些文章，是建議div跟div之間用margin來排版
: div裡的content用padding來排版
: 不知道我這樣的解讀是否正確呢??
: 謝謝~
可以參考這篇: http://ppt.cc/O0dg 另外可以去google一下css box model
簡單的說
1. padding+content的部分會被視為元素的內部
a. 元素有background就會很清楚的看道背景是從padding邊緣開始
b. 如果有捲軸，會出現在padding的邊緣
2. margin是用來保留與其他元素間的距離
要注意的是
css設定width/height的時候指的是content width/height
padding, border, margin都是疊加上去的
這點如果你需要設定一個元素填滿父元素(width/height = 100%)
同時又需要padding/border的時候就會很麻煩
這時候需要利用CSS3的box-sizing屬性來設定
http://ppt.cc/2qCs
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.168.78.73