盒子中內(nèi)容不隨邊距而改變位置
我把padding-bottom設(shè)置為0，這不是說盒子中的內(nèi)容與邊框底距離為0px嗎，怎么內(nèi)容還是在盒子的左上角？要是想設(shè)置盒子中內(nèi)容位置要怎么做？
墨格
2016-10-16
7 回答
舉報(bào)
0/150
提交
取消
2016-12-09
我覺得這個(gè)課程有點(diǎn)問題，你可以去W3CSchool
2016-10-16
冒號(hào)問題
2016-10-16
首先?padding：20px 30px 0px 20px; ? ?這個(gè)冒號(hào)不英文的，所以代碼無效
padding 是指內(nèi)容的填充，意思也就是留白。具體可參照盒子模型的寬度與長(zhǎng)度中的圖片，計(jì)算你所需要的位置。
2016-10-16
在盒子里面加一個(gè)p標(biāo)簽，然后設(shè)置p標(biāo)簽的格式就可以實(shí)現(xiàn)了
<!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：20px 30px 0px 20px;
??? border:1px solid red;
}
p{padding：20px 30px 0px 20px;}
</style>
</head>
<body>
<div id="box1"><p>盒子1</p></div>
</body>
</html>
2016-10-16
我是新手 ?應(yīng)該是 給 ?padding-bottom加上相對(duì)定位position:relative;給內(nèi)容加上position:relative;bottom:0;
2016-10-16
padding:20px 30px 0px 20px; ? ?注意padding邊上的這個(gè):，用英文冒號(hào)，你可能不小心用中文冒號(hào)了,20px 30px 0px 20px,第一個(gè)20px那里是沒有空格的，小細(xì)節(jié)注意下
2016-10-16
你的設(shè)置不能與上右左產(chǎn)生沖突