打破父divs填充

Question

所以说我有一个20px填充的包装div，我有一个宽度为100％的div和border-top 1px，以便制作一个分隔线。但我希望这条线触及包装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填充，并且子元素的边框将触及父元素。希望这是你想要的，当你提出问题，提供一些代码或者至少是你想要完成的图像时，你应该更具体一些。