HTML - div 부모 상속 div 자식 높이

Question

div 부모가 div 자식 높이를 상속하는 데 문제가 있습니다.

.parent { 
     position: relative; 
    } 

.child { 
     position: absolute; 
     width: 960px; 
    } 

텍스트는 검은 틈에 있어야

.

어떤 도움이 필요합니까?

Answer 1

자녀가 어떤 이유로 든 절대적으로 배치되어야합니까? 이것이 부모 요소에 '맞지 않는 이유'입니다.

위치 절대 문서에 따르면

: 은 요소에 대한 공간을 두지 마십시오. 대신 가장 가까운 위치에있는 조상 또는 포함 블록에 대해 지정된 위치에 배치하십시오. 절대적으로 배치 된 상자는 여백을 가질 수 있으며 다른 여백과 붕괴되지 않습니다.

정확히 어떻게되는지 보려면 https://developer.mozilla.org/en-US/docs/Web/CSS/position을보십시오.

Answer 2

부모는 자식 속성을 상속받을 수 없으며 대신 그 반대입니다.

Answer 3

상위의 모든 크기 특성을 제거하면 내용의 크기만큼 커질 것입니다.

Answer 4

왜 절대 위치를 선언하셨습니까? .child를 이동하려면 position : relative 또는 margin을 사용해야합니다.

절대 위치 지정은 문서의 자연스러운 흐름에서 요소를 제거합니다.