页面结构： <div class="main">
<div class="son"></div>
<div class="son"></div>
</div>父元素样式： .main {
width: 300px;
height: 400px;
border: 1px solid red;
}子元素样式：.son {
width: 100px;
height: 100px;
/*没有效果*/
margin-right: 10px;
border: 1px solid blue;
}页面效果：为什么子元素的margin-right没有效果呢？子元素并没有在父元素右边10px处。
4 回答
已采纳
qq_我看好你_0
TA贡献1条经验 获得超4个赞
margin-right你是对子元素做的，所以子元素的右侧外边距有10个像素，和父级无关，想看到效果，需要把子元素的css样式加一个float:left;如果你想做到“子元素在父元素右边10px处。”需要使用绝对定位给子集加一个position:absolute;right:10px;给父级加一个position:relative;子集不需要margin-right:10px;
学习js
TA贡献85条经验 获得超55个赞
因为你是左对齐啊，你的margin-right肯定没有效果啊，因为div距离右边框的距离远远大于10px，你可以先给div一个float right,再给margin-right就能看到效果了
- 4 回答
- 0 关注
- 9341 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消