父盒子设置了padding，子盒子有没有办法忽略这个padding

Question

问题描述

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

html截图

Answer 1

父元素 position 设为 relative 或 absolute。
子元素不设宽高， 给定top、right、bottom、left 四个值来基于父元素的宽高确定自身宽高。
缺点就是父元素不能被该子元素撑开，必须给定宽高，或由其他子元素撑开。

Answer 2

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

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

Answer 3

给子元素定位。

Answer 4

子元素可以设置panding为复值

Answer 5

父元素设置 position:relative,子元素设置position:absolute
父元素设置relative,那么子元素absolute就会参照父元素的位置去调整.position显示是padding-box.也就是说如果子元素设置top:0;left:0; 如果有设置padding,就会在padding左上角,而不是在content内部.