子元素的margin-right无效是什么原因呢？
|
页面结构：父元素样式：.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就能看到效果了 |
|
|
|
|
|
|
|
|
|
到浏览器中审查元素，把鼠标放在son上面就知道啦，其实是生效了，肯定有margin。只是不是你想要的。 |
|
|
|
|
|
|
|
|
|
大兄弟，你这当然不行了，你现在是默认左对齐，试一下右对齐，在设右外边距 |
|
|
|
|
|
|
|
|
|
正常的文档流中，子元素肯定是在父元素的里面了，要让子元素在父元素右边，先给父元素加上相对定位，子元素绝对定位，right: -20px; |
|
|
|
|
|
|
|
|
天盟APP下载
