为了账号安全,请及时绑定邮箱和手机立即绑定

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

正在回答

5 回答

补充一下,你打一个"border:1px solid red;"就比较好理解了。

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

padding是用来定位块级元素,你看见的只是div里面的段落,你看不到div。

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

这是视觉的误判,学前端不要相信眼睛,你打开浏览器右键“审查元素”,你会发现其实它上下左右都响应了,都是122px

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

<p>是块状标签,在不设定宽度的情况下,是最接近的父包含块的100%,你去掉<p>标签,就可以了。如果你要确定一个块状标签在另一个块状标签里的定位,最好用relative和absolute组合使用

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

举报

0/150
提交
取消

padding内边距问题,设置上下左右都为10px了,为什么感觉左右起作用了,上下根本不是10px呢

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信