課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
為什么我覺(jué)得padding-bottom不可控?這么都覺(jué)得padding:10px下面的填充和上左右不一樣!
2018-01-20
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-12
正在回答
不會(huì)吧。。。你看錯(cuò)啦?padding是內(nèi)邊距,就是內(nèi)部元素和邊框的距離
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
? ? width:100px;
? ? height:100px;
? ? padding:10px;
? ? border:1px solid red;
}
#box2{
? ? background-color:#897;
</style>
</head>
<body>
<div id="box1"><div id="box2"></div></div>
</body>
</html>
試一下這段代碼就知道了
可能你感覺(jué)是正確。因?yàn)槟阍O(shè)置的寬高是不一樣。PS:這話很短,理解很難
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答關(guān)于padding
6 回答padding-bottom沒(méi)體現(xiàn)出來(lái)
4 回答關(guān)于padding
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-01-20
不會(huì)吧。。。你看錯(cuò)啦?padding是內(nèi)邊距,就是內(nèi)部元素和邊框的距離
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
? ? width:100px;
? ? height:100px;
? ? padding:10px;
? ? border:1px solid red;
}
#box2{
? ? background-color:#897;
? ? height:100px;
? ? width:100px;
}
</style>
</head>
<body>
<div id="box1"><div id="box2"></div></div>
</body>
</html>
試一下這段代碼就知道了
2018-01-20
可能你感覺(jué)是正確。因?yàn)槟阍O(shè)置的寬高是不一樣。PS:這話很短,理解很難