打破父 div 填充

【问题标题】：Break a parent divs padding打破父 div 填充
【发布时间】：2014-01-24 01:46:43
【问题描述】：

假设我有一个 20px 填充的包装 div，我有一个宽度为 100% 且边框顶部为 1px 的 div，以便制作分隔线。但我希望这条线触及包装 div 的边缘。没有绝对定位怎么办？

【问题讨论】：

标签： css

【解决方案1】：

您可以尝试以下方法之一：

margin-top: -1px;

或

position: relative;
top: -1px;

【讨论】：

【解决方案2】：

试试这个：

#parent {
    padding: 0 20px 20px 20px;
}

#child {
   border-top: solid 1px #f00;
   width: 100%;
   padding-top: 20px;
}

这样，每边仍然有 20px 的内边距，并且子元素的边框将与父元素接触。希望这是您想要的，当您提出问题、提供一些代码或至少是您想要完成的任务的图像时，您应该更加具体一点。

【讨论】：