第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

關(guān)于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+內(nèi)容的width

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

同理height

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

qq_安安_17 提問者

非常感謝!
2017-04-11 回復(fù) 有任何疑惑可以回復(fù)我~

100px 指的是box1里頭的內(nèi)容的高度;雖然你現(xiàn)在div里沒寫文字

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

qq_安安_17 提問者

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

你截圖里height:100px 指的是box1里頭的內(nèi)容的高度;雖然你現(xiàn)在div里沒寫文字。

同理width; 你現(xiàn)在把100px認(rèn)為成box1的寬高了,這是不對的。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

qq_安安_17 提問者

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

qq_安安_17 提問者

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

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學(xué)習(xí)       1228469    人
  • 解答問題       18929    個

HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義

進入課程

關(guān)于padding

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號