在HTML中div的對齊問題

我有一個jquery ui日曆，我已經放在頁面的左側。日曆之後，我已經放置了第二個div，它佔據了網頁的全部寬度。現在我想添加一個div僅低於壓延機，但它的第二個div後未來..在HTML中div的對齊問題

下面是圖片的鏈接..

這裏是我的HTML ..

<div id="datepicker" style="float:left;"></div> 

<div id="main" style="float: left; width:83%; margin-left:5px; margin-top:0px;"> 
<div id="doclist"> 
    <h2>Documents</h2> 
    <ul id="documents"> 
     <li><a href="#" rel="Document1" title="This is the content of Document1">Document1</a></li> 
     <li><a href="#" rel="Document2" title="This is the content of Document2">Document2</a></li> 
     <li><a href="#" rel="Document3" title="This is the content of Document3">Document3</a></li> 
     <li><a href="#" rel="Document4" title="This is the content of Document4">Document4</a></li> 
     <li><a href="#" rel="Document5" title="This is the content of Document5">Document5</a></li> 
    </ul> 
</div> 
<div id="wrapper"> 
    <ul id="tabs"> 
     <!-- Tabs go here --> 
    </ul> 
    <div id="content"> 
     <!-- Tab content goes here --> 
    </div> 
</div> 
</div> 

<div id="links" style="float:left; margin-left:0px"> 

<label name="roomOperation" id="roomOperation" style="font-style:normal; font-size:12px;font-weight:bold;"> Room Operation </label> 

<br/><br/> 

<li><a href="http://en.wikipedia.org/wiki/Football">Check in List</a></li> 
<br/> 
<li><a href="http://en.wikipedia.org/wiki/Tennis">Check out List</a></li> 
<br/> 
</div>

這究竟是爲什麼.. 請幫我刪除日曆和我的超級鏈接菜單之間的空白..

來源

2014-05-09 user3617097

沒有可用的代碼 - 這是不可能的幫助，你可以張貼一些CSS，HTML，jsfiddle.net或實時鏈接？ – SW4

請發表您的HTML和CSS的示例 – superUntitled

@ SW4請參閱我的HTML .. – user3617097

如果您在#links DIV使用position: absolute;和CSS top: ;值設置爲相同的高度，您的日曆，加上任何你想要的作爲兩者之間的差距，說5px，和left: 0px;這應該工作。

您還需要全部包圍3周的div與CSS position: relative一個包含分區，使absolute定位的div讓你希望它是在該地區的邊界內。

我也相信你可以在documents div上使用float: right;，而在另外兩個上使用float: left;，但我並不十分確定這一點，不過值得一試。

來源

2014-05-09 16:00:51 Mallander

在HTML中div的對齊問題

回答

相關問題