如何在具有40px填充的父div中将div设置为100％宽度

Question

我可能会以一种令人困惑的方式问这个问题。

基本上我需要这个：http://www.jayflood.com/layout.jpg

我确信有很多方法可以做到这一点，但我的问题在于在预先存在的结构中工作。父容器没有设置宽度，但有40px的填充。

我需要将内容div视为宽度100％，这样才能正确划分div内的div。

问题基本上是 - 是否可以让较小的包含div具有100％的宽度。

Answer 1

将其保证金设定为-40px

div {
   margin:-40px;
}

Answer 2

使用负边距减去填充，因此如果父级具有40px填充，则将子级设置为具有-40px的边距。

#parent{
  padding: 40px;
}

和

#child{
  width: 100%;
  margin: -40px;
}