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

无言***

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

m1925***

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就能看到效果了

已有账号？

找人解决需求

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

全部参与2

热门问答

无言***

今日需求悬赏

今日问答求助

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

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端