开发者社区> 问答> 正文

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

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

展开
收起
杨冬芳 2016-06-06 11:19:52 2327 0
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
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载