2012-04-05 13 views
0

大きなdivの上に浮かびたいコンテナ内に3つのdivがあります。これはどうすればいいですか?私は今までこれを持っています...floatコンテンツdivの上に3つの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をヘッダーコンテナdivの下に作成するにはどうすればよいですか?ありがとう。

答えて

1
div.Content { clear: both; } 

あなたはoverflow:hidden;によってdiv.HeaderContainerfloat:left;を置き換えることができ、またHeaderContainer

http://jsfiddle.net/ZDE6C/

関連する問題