开发者社区 问答 正文

父元素的内边距和子元素的右边距之间问题?

screenshot
设置了父元素的内边距为18,子元素像右浮动右外边距为25px,但怎样使每一行的最后一个没有右外边距?
或是有更好的方法。

展开
收起
杨冬芳 2016-06-06 11:19:52 2410 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

    给父元素设置 margin-right: -25px; 即可,不需要 overflow: hidden; 。

    也可以用 CSS3 的伪类选择器(IE 8 不支持):

    .child {
        margin-right: 25px;
    }
    .child:nth-child(3n) {
        margin-right: 0;
    }

    前提是你得明确每行放几个,上边假设的是三个。如果想响应式,在设置多个宽度百分比的时候,记得同步修改。

    2019-07-17 19:27:59
    赞同 展开评论
问答地址: