절대 자식 div가있는 경우 래퍼 div가 확장되지 않는 이유

Question

래퍼 div가 960px로 설정되어 있고 그 안에 div라는 다른 div가 있습니다. 슬라이더는이 코드를 사용하여 화면의 중앙에 절대적 위치 : 나는 그들이 그러나 화면에 배치하는 방법을 볼 수있는 두 래퍼와 슬라이더 div를 할 수 있도록 내가 국경을 추가 한

#slider {width:390px; height:100px; position:absolute; 
     margin:-100px 0 0 -200px; top:50%; left:50%; border:1px solid;} 

을,이 밝혔다 절대 슬라이더 div를 포함하도록 래퍼가 확장되지 않습니다.

래퍼의 높이가 맞도록 수정하려면 어떻게해야합니까?

Answer 1

요소에 position:absolute;을 사용하면 문서 흐름 외부의 위치이며 다른 내용에는 영향을주지 않습니다.

가능한 경우 position:absolute;을 제거하고 다른 방법을 사용하여 슬라이더 div를 가운데 맞춤하십시오. position:absolute;이 필요한 경우 불가능합니다.