当父标签有填充时,如何使 div 100% 宽度?

新手上路,请多包涵

我有一个 HTML 页面,其中 body 标签应用了 CSS padding-left 和 padding-right。我希望页面页脚 div 为页面的 100% 宽度,但不应用正文填充。有没有好的/简单的方法来做到这一点?

原文由 Michael Low 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 390
2 个回答

您可以对内部容器应用负边距以取消填充

<body style="padding:0 40px">
<div style="width:100%;margin:0 -40px">&nbsp</div>
</body>

原文由 David John Smith 发布,翻译遵循 CC BY-SA 2.5 许可协议

如果您为页脚提供一个负数的左右边距,与主体的填充大小相等,那么它将抵消主体的填充。

 body {
    padding-left:10px;
    padding-right:10px;
}
.footer {
    margin-left:-10px;
    margin-right:-10px;
}

原文由 Leon Bambrick 发布,翻译遵循 CC BY-SA 2.5 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题