div를 float 속성으로 가운데 맞추기

Question

이것은 보통 float 질문을 센터링하는 방법처럼 보일 수 있지만 다른 div 컨테이너에도 float 속성이 있기 때문에 플로트 div를 가운데에 정렬해야하는 이유가 있습니다. 나는 래퍼 div 내부의 객체에 의존하는 높이를 결정하기 위해 높이 자동을 설정했습니다. 래퍼 div 내에는 2 개의 float div가 나란히 있습니다. 내가 래퍼에 float를 지정하지 않은 그러나 경우 래퍼 사업부는 1 개에게나 솔직하게 라인 (포장하지 아무것도)

div.wrapper{ 
width: 1000px; 
height: auto; 
margin-top: 30px; 
float: left; 
border:1px solid gray; 
} 

div.leftcontainer{ 
width: 200px; 
height: auto; 
margin-top: 10px; 
margin-left: 10px; 
border:1px solid gray; 
float: left; 
} 

div.right container{ 
width: 750px; 
height: auto; 
margin-top: 10px; 
margin-left: 15px; 
margin-right: 15px; 
border:1px solid gray; 
float: right; 
} 

을 보여줄 것입니다 그리고 이것은 내가 어떻게해야합니까 그래서 내 HTML 코드

<div class ="wrapper"> 
<div class ="leftcontainer"> 
    some options 
</div> 
<div class = "rightcontainer"> 
    some options 
</div> 
<div class = "rightcontainer"> 
    some options 
</div> 

</div> 

입니다 내 래퍼 div 중심으로 이것을 달성하기 위해 플로트 또는 다른 방법을 제거하지 않고? 감사합니다

Answer 1

내용이 모두 .wrapper 인 경우이를 지워야합니다.

.wrapper에서 부동을 제거하고 .wrapper div를 닫기 전에 <div style="clear:both;"></div>을 추가하십시오.

div.wrapper { 
    /* ... */ 
    position:relative; 
    margin:0 auto; 
} 

을 그리고 당신의 래퍼를 중심으로됩니다

그런 다음 추가 할 수 있어야합니다.