[問題] CSS區塊往下擠(修正版)
我有三個div
分別為top、menu和content
可是當我content的內容有表格且超過版面時，
content的div就會被擠到menu的下方(如圖所示)
■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■Ｔｏｐ■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■
■Ｍｅｎｕ■
■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■Ｃｏｎｔｅｎｔ■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■
請問我的css設置有啥問題嗎？
那該如何設置才會正常呢？
謝謝！
原程式碼：
<style>
#top{
background-color:red;
}
#menu{
background-color:blue;
float:left;
width:150px;
}
#content{
background-color:green;
float:left;
margin-left:150px;
}
</style>
<div id="top">top</div>
<div id="menu">選單</div>
<div id="content">內容</div>
修正後：
<style>
#top{
background-color:red;
}
#menu{
background-color:blue;
float:left;
}
#content{
float:left;
clear:right;
}
</style>
<div id="top">top</div>
<div id="menu">選單</div>
<div id="content">內容</div>
--
請勿拍打、餵食！
http://www.wretch.cc/album/etchen
--
推
09/22 16:22, , 1F
09/22 16:22, 1F
→
09/22 16:38, , 2F
09/22 16:38, 2F
推
09/22 16:38, , 3F
09/22 16:38, 3F
→
09/22 16:40, , 4F
09/22 16:40, 4F
推
09/22 16:41, , 5F
09/22 16:41, 5F
→
09/22 16:46, , 6F
09/22 16:46, 6F
→
09/22 16:47, , 7F
09/22 16:47, 7F
→
09/22 17:34, , 8F
09/22 17:34, 8F
→
09/22 17:34, , 9F
09/22 17:34, 9F
推
09/22 17:35, , 10F
09/22 17:35, 10F
推
09/22 20:20, , 11F
09/22 20:20, 11F
推
09/22 20:27, , 12F
09/22 20:27, 12F
→
09/22 20:27, , 13F
09/22 20:27, 13F
推
09/22 20:44, , 14F
09/22 20:44, 14F
※ 編輯: etchen 來自: 218.211.33.46 (09/24 11:44)