Разбить родительский divs padding

Question

Так что скажите, что у меня есть обертка div с 20px padding, и у меня есть div с шириной 100% и верхним краем 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 отступы с каждой стороны, и границы дочернего элемента будет касаться родительского элемента. Надеюсь, это то, что вы хотели, вы должны быть немного более конкретными, когда задаете вопросы, предоставляете часть своего кода или, по крайней мере, образ того, что вы хотите выполнить.