2012-04-05 93 views
0

在一个容器中有三个div,我想在一个大div上浮动。我该怎么做呢?我到目前为止...在一个内容div上浮动一个包含三个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> 

但是,这只将内容div放在HeaderContainer div的左侧。如何让内容div浮动到HeaderContainer div下方?谢谢。

回答