상위 divs 패딩 해제

Question

그래서 20px 패딩이있는 래퍼 div가 있고 분할 선을 만들기 위해 너비가 100 %이고 테두리 위쪽이 1px 인 div가 있다고 가정 해 보겠습니다. 하지만이 줄을 래퍼 div의 가장자리에 닿게하고 싶습니다. 어떻게 절대 위치 지정없이이 작업을 수행 할 수 있습니까?

margin-top: -1px; 

또는

position: relative; 
top: -1px; 

Answer 1

당신이 중 하나를 시도 할 수 있습니다 부모 요소를 만지고 있습니다. 이것이 당신이 원했던 것입니다. 질문을하거나, 코드를 제공하거나, 적어도 당신이 원하는 것을 이미지로 표현할 때 조금 더 구체적이어야합니다.

Answer 2

이 시도 :

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

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

여전히 각 측면에서 20 픽셀 패딩이있을 것이다이 방법을, 국경