2012-04-05 2 views
0

큰 div 위에 놓을 컨테이너에 세 개의 div가 있습니다. 어떻게해야합니까? 지금까지 ...float 콘텐츠 div 위에 연속으로 세 개의 div가 포함 된 div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html><head> 
<style type="text/css"> 
<!-- 

div.HeaderContainer { float:left; } 
div.One { float:left; border: 1px solid; } 
div.Two { float:left;} 
div.Three { float:left; border: 1px solid; } 
div.Content{ float:none; } 

--> 
</style> 
</head> 
<body> 

<div class = "HeaderContainer"> 
    <div class="One">one</div> 
    <div class="Two" id="tdAmplicon">two</div> 
    <div class="Three">three</div> 
</div> 
<div class="Content" >content</div> 

</body> 
</html> 

그러나이 만 HeaderContainer div의 왼쪽 오른쪽에있는 콘텐츠 사업부를두고이 있습니다. HeaderContainer div 아래에 content div float을 만들려면 어떻게해야합니까? 감사.

답변

1
div.Content { clear: both; } 

overflow:hidden;에 의해 div.HeaderContainerfloat:left;를 대체 할 수있는 대안으로 HeaderContainer

http://jsfiddle.net/ZDE6C/