子元素的margin-right无效是什么原因呢？

m9112***

页面结构：父元素样式：.main{width:300px;height:400px;border:1pxsolidred;}子元素样式：.son{width:100px;height:100px;/*没有效果*/margin-right:10px;border:1pxsolidblue;}页面效果：为什么子元素的margin-right没有效果呢？子元素并没有在父元素右边10px处。

手***

margin-right你是对子元素做的，所以子元素的右侧外边距有10个像素，和父级无关，想看到效果，需要把子元素的css样式加一个float:left;如果你想做到“子元素在父元素右边10px处。”需要使用绝对定位给子集加一个position:absolute;right:10px;给父级加一个position:relative;子集不需要margin-right:10px;

阿***

因为你是左对齐啊，你的margin-right肯定没有效果啊，因为div距离右边框的距离远远大于10px，你可以先给div一个float right,再给margin-right就能看到效果了

gi***

到浏览器中审查元素，把鼠标放在son上面就知道啦，其实是生效了，肯定有margin。只是不是你想要的。

乱了***

大兄弟，你这当然不行了，你现在是默认左对齐，试一下右对齐，在设右外边距

已有账号？

找人解决需求

子元素的margin-right无效是什么原因呢？

全部参与4

热门问答

m9112***

今日需求悬赏

今日问答求助

发布任务需求已有1031289位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端