问题描述

父盒子设置了padding内边距,所有的子盒子都受到影响,现在我想将一个子盒子(图中红色方框圈中的灰色线)的宽度设置成和父盒子一样的宽度,但是受到padding影响,不知道有没有办法在这一个子盒子身上忽略父盒子的padding而不影响其他子盒子

html截图

回答

将子元素的margin-left和margin-right设为负的父元素padding值

margin-left: -20px;
margin-right: -20px;

父元素 position 设为 relativeabsolute
子元素不设宽高, 给定toprightbottomleft 四个值来基于父元素的宽高确定自身宽高。
缺点就是父元素不能被该子元素撑开,必须给定宽高,或由其他子元素撑开。

给子元素定位。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Scroll Up