各位好。
不好意思我完全是自學初學,問題很笨還請多多包涵。
前陣子用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。
如果我想要右邊的余白配合我這段文字的結束之處,該如何處理呢?
不好意思可能連基本概念都有不清的部分,謝謝大家。