Re: [問題] margin/padding 使用時機??

看板Web_Design作者 (愛嘶猴)時間13年前 (2012/11/30 09:28), 編輯推噓1(101)
留言2則, 2人參與, 最新討論串3/4 (看更多)
謝謝各位~ 不過我比較有疑問的是如以下的狀況 <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,不太確定該用哪個 謝謝~ ※ 引述《rettamkrad (dark)》之銘言: : ※ 引述《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: 59.127.240.235 ※ 編輯: asshole88 來自: 59.127.240.235 (11/30 09:31)

11/30 10:51, , 1F
把這些元素的實際畫出來就會知道該用哪個了
11/30 10:51, 1F

11/30 12:08, , 2F
看來你還是不懂.......
11/30 12:08, 2F
文章代碼(AID): #1Gk0lEvu (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1Gk0lEvu (Web_Design)