元素 左右边距问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
body{border:1px solid grey;
width: 270px;}
.test{
display:inline-block;
position: static;
background: blue;
border: 1px solid red;
width: 50px;
height: 50px;}
.test:nth-child(2){margin: 10px}
.test:nth-child(3){margin: 20px}
</style>
</head>
<body>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</div>
</body>
</html>
盒子实际宽度应该多大，第三个设置边距20，然后第2个也会变成20边距吗？为什么浏览器模型上还是边距10
70
收起
正在回答 回答被采纳积分+1
2回答
相似问题
为什么right：-80px；红色块会紧贴蓝色块右边？
30
0
7
3-13行内元素内边距问题
12
0
4
子元素加外边距为撑大父元素吗
0
0
3
老师 想请问下我的代码有什么需要改进的地方吗 谢谢
11
0
3
不明白属性中的left与margin-left有什么区别
78
2
6
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星