亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

關于padding


http://img1.sycdn.imooc.com//58ec943000013dfd10330462.jpg

http://img1.sycdn.imooc.com//58ec943100012f8f10960473.jpg

為什么加了padding以后盒子大小也變了？為什么不是相對于盒子broder有10px；那如果想這樣做的話，該怎么寫？

正在回答

4 回答

盒子的width=margin-left +margin-right + border-left+border-right+padding-left+padding-right+內容的width

所以代碼中的盒子width = 10px *2 + 1px*2 +100px

同理height

0 回復 有任何疑惑可以回復我~
#1

qq_安安_17 提問者

非常感謝！
2017-04-11 回復 有任何疑惑可以回復我~

100px 指的是box1里頭的內容的高度；雖然你現在div里沒寫文字

0 回復 有任何疑惑可以回復我~
#1

qq_安安_17 提問者

寫了，盒子那倆字就是div里面的呀
2017-04-11 回復 有任何疑惑可以回復我~

你截圖里height：100px 指的是box1里頭的內容的高度；雖然你現在div里沒寫文字。

同理width； 你現在把100px認為成box1的寬高了，這是不對的。

0 回復 有任何疑惑可以回復我~
#1

qq_安安_17 提問者

10px變化的是文字內容離邊框的距離，把內容weigth從0增加到10px,然后盒子為了滿足這個增加，就變大了？
2017-04-11 回復 有任何疑惑可以回復我~

? ?padding是邊框里距頂部距離

0 回復 有任何疑惑可以回復我~
#1

qq_安安_17 提問者

padding里面1個數值不是表示上下左右么？和文字距離10px的話，為什么盒子大小也要變呢？如果盒子不變要怎么寫??？
2017-04-11 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1229330    人
  • 解答問題       19084    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

關于padding

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號