中断父div填充

Question

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

Answer 1

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

margin-top: -1px;

要么

position: relative;
top: -1px;

Answer 2

尝试这个：

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

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

这样，您的每一侧仍然会有20px的填充，并且子元素的边框将接触父元素。 希望这就是您想要的，在提出问题，提供一些代码或至少要完成的工作时，您应该更加具体。