需要幫助DIV對齊（位置）在css

Question

我正在開發joomla模板，我有兩個div，每個都有2個div。 邊境 頂部菜單

<div id='menu' class='span12' > 
    <div id='mainmenu' class='span9'> Main Menu</div> 
    <div id='search' class='span3'> Search </div> 
    </div> 

我使用bootstrap.min.css 一切都很好，但是在每格（頂部菜單）我的第二個（頂部菜單，搜索）DIV的右後顯示完成我的第一個div但在最高邊界之下; 這裏是我的CSS樣式

#top 
{ 
background-color: black; 
height:40px; 
} 
#top-border 
{ 
background-color: red; 
height:30px; 
float:left; 
} 
#top-menu 
{ 
background-color: blue; 
float:right; 
height:30px; 
} 
#menu 
{ 
background-color: purple; 
height:50px; 
} 
#mainmenu 
{ 
background-color: yellow; 
height:40px; 
} 
#search 
{ 

background-color: brown; 
float:right; 

height:40px; 
} 
#photo 
{ 
background-color: green; 
margin-right:-20px; 
height:300px; 
} 

，當我把在#top返回寬度100％它工作正常，但寬度改變。 任何想法如何解決這個問題，而不使用寬度：100％;

Answer 1

該網格有12列，你正在使用9 + 3 ..所以完整的網格。你應該檢查你的div中的保證金，並將它們設置爲0.通常這就是爲什麼它現在按照你期望的方式工作。