亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

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>

http://img1.sycdn.imooc.com//589898d20001b98c05160299.jpg

正在回答

4 回答

補充一下,你打一個"border:1px solid red;"就比較好理解了。

0 回復 有任何疑惑可以回復我~

padding是用來定位塊級元素,你看見的只是div里面的段落,你看不到div。

0 回復 有任何疑惑可以回復我~

這是視覺的誤判,學前端不要相信眼睛,你打開瀏覽器右鍵“審查元素”,你會發現其實它上下左右都響應了,都是122px

0 回復 有任何疑惑可以回復我~

<p>是塊狀標簽,在不設定寬度的情況下,是最接近的父包含塊的100%,你去掉<p>標簽,就可以了。如果你要確定一個塊狀標簽在另一個塊狀標簽里的定位,最好用relative和absolute組合使用

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

padding內邊距問題,設置上下左右都為10px了,為什么感覺左右起作用了,上下根本不是10px呢

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號