padding內邊距問題,設置上下左右都為10px了,為什么感覺左右起作用了,上下根本不是10px呢
<!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;
? ? margin:50px;
? ? background-color:blue;
}
p{
? ? background-color:red;
}
</style>
</head>
<body>
<div id="box1">
? ? <p>盒子1</p></div>
</body>
</html>
2017-07-04
補充一下,你打一個"border:1px solid red;"就比較好理解了。
2017-07-04
padding是用來定位塊級元素,你看見的只是div里面的段落,你看不到div。
2017-02-07
這是視覺的誤判,學前端不要相信眼睛,你打開瀏覽器右鍵“審查元素”,你會發現其實它上下左右都響應了,都是122px
2017-02-07
<p>是塊狀標簽,在不設定寬度的情況下,是最接近的父包含塊的100%,你去掉<p>標簽,就可以了。如果你要確定一個塊狀標簽在另一個塊狀標簽里的定位,最好用relative和absolute組合使用