• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

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

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

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与5

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;

使用道具 举报

发新帖

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

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!