盒子中內容不隨邊距而改變位置
我把padding-bottom設置為0，這不是說盒子中的內容與邊框底距離為0px嗎，怎么內容還是在盒子的左上角？要是想設置盒子中內容位置要怎么做？
墨格
2016-10-16
7 回答
舉報
0/150
提交
取消
2016-12-09
我覺得這個課程有點問題，你可以去W3CSchool
2016-10-16
冒號問題
2016-10-16
首先?padding：20px 30px 0px 20px; ? ?這個冒號不英文的，所以代碼無效
padding 是指內容的填充，意思也就是留白。具體可參照盒子模型的寬度與長度中的圖片，計算你所需要的位置。
2016-10-16
在盒子里面加一個p標簽，然后設置p標簽的格式就可以實現了
<!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
我是新手 ?應該是 給 ?padding-bottom加上相對定位position:relative;給內容加上position:relative;bottom:0;
2016-10-16
padding:20px 30px 0px 20px; ? ?注意padding邊上的這個:，用英文冒號，你可能不小心用中文冒號了,20px 30px 0px 20px,第一個20px那里是沒有空格的，小細節注意下
2016-10-16
你的設置不能與上右左產生沖突