[問題] CSS padding的問題(初心者)

看板Web_Design作者FakeLusiwa (born to be free)時間7年前 (2016/12/06 00:29)推噓2(2推 0噓 10→)

留言12則, 4人參與討論串1/1

各位好。不好意思我完全是自學初學，問題很笨還請多多包涵。前陣子用codecademy把CSS學過一輪之後，回過頭來複習還是有很多地方不懂。 boxing-model的部分不完全了解orz。以下這個w3schools的基本padding教學最上面那個最基本的範例， http://www.w3schools.com/css/css_padding.asp "This element has a padding of 70px."這個我就很疑惑了。假設這段文字是在p標籤內，我沒有指定p的寛度的話p與頁面同寛。這時我設定p的padding為70px，為什麼只有上下左有表現出70px的余白? 右卻空了一大片感覺不只70px的余白? 我的感覺是這段文字內容(content)太短，只要我補足夠的字數頁面自然會表現給我看右邊也是余白70px。(有一個看不見的content的框，然後他有點很長...這樣子) 但我是怎麼知道內容(content)那個看不見的框有多長? 有點饒舌了，我只是想說全部padding都設70px的話為什麼不是在這段文字結束後也就是 "...of 70px."的那個句點後立刻往右余白70px。我自己心中的想法是外框會自動配合我的Padding，也就是右邊框會自動縮回來與 70px.余白70px。如果我想要右邊的余白配合我這段文字的結束之處，該如何處理呢? 不好意思可能連基本概念都有不清的部分，謝謝大家。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.160.147.243 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1480955347.A.BAA.html ※ 編輯: FakeLusiwa (118.160.147.243), 12/06/2016 00:41:05

→

MangoTW

12/06 00:47, , 1^F

12/06 00:47, 1^F

推

iamnodoubt

12/06 01:16, , 2^F

12/06 01:16, 2^F

→

iamnodoubt

12/06 01:16, , 3^F

12/06 01:16, 3^F