padding内边距问题，设置上下左右都为10px了，为什么感觉左右起作用了，上下根本不是10px呢
来源：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
慕UI9918925
2017-02-06 23:41
<!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>
写回答
关注
4回答
-
- qq_玩翌_0
- 2017-07-04 09:36:46
补充一下，你打一个"border：1px solid red;"就比较好理解了。
-
- qq_玩翌_0
- 2017-07-04 09:32:38
padding是用来定位块级元素，你看见的只是div里面的段落，你看不到div。
-
- 陈渊衡
- 2017-02-07 00:08:43
这是视觉的误判，学前端不要相信眼睛，你打开浏览器右键“审查元素”，你会发现其实它上下左右都响应了,都是122px
-
- 慕粉4086489
- 2017-02-07 00:01:00
<p>是块状标签，在不设定宽度的情况下，是最接近的父包含块的100%，你去掉<p>标签，就可以了。如果你要确定一个块状标签在另一个块状标签里的定位，最好用relative和absolute组合使用
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225293 学习 · 18230 问题
相似问题