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

【问题标题】：how to set a div to 100% width within a parent div that has 40px padding如何在具有 40px 填充的父 div 中将 div 设置为 100% 宽度
【发布时间】：2015-08-29 01:22:10
【问题描述】：

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

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

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

我需要将内容 div 视为宽度 100%，以便我可以正确划分其中的 div。

问题基本上是 - 是否可以让一个较小的包含 div 的宽度为 100%。

【问题讨论】：

您链接到的图像已损坏。如果您可以发布 html 和 css，它也会对我们有所帮助。如果您发布它here，它会更有帮助
刚刚修复它@HelloWorld
好的，所以您希望内容 div 覆盖父容器的填充并且是屏幕宽度的 100%？为什么不直接将 parent 的 padding 设置为 0，然后将 content div 设置为 100%？

标签： css html responsive-design

【解决方案1】：

将其边距设置为 -40px

div {
   margin:-40px;
}

【讨论】：

【解决方案2】：

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

#parent{
  padding: 40px;
}

和

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

【讨论】：