另一個div位於主div旁邊

Question

我有一個主要的DIV，它是帶有頁邊距的屏幕中心：0 auto;現在我需要在主DIV旁邊添加另一個div（右側）..並且如果我增加或減少屏幕尺寸，則該帖子不應該移動...任何幫助？

<div style="width:320px; height:500px; background-color:#C60; margin:0 auto;">Main Div</div> <div>Another DIV</div> 

感謝

Answer 1

添加到樣式：

display:inline-block; 

或者

float:left; 

如果你喜歡最後一個，那麼你可能都喜歡的div後添加一個空div清除間距

<div style="clear:both"></div> 

Answer 2

float: left將正常工作......

HTML代碼：

<div class="outer"> 
    Main Div 
</div> 
<div class="inner">Another DIV</div> 

CSS代碼：

.outer { 
    width:220px; 
    height:100px; 
    background-color:#C60; 
    float: left; 

} 

.inner { 
    width:120px; 
    height:100px; 
    background-color:red; 
    float: left; 
} 

這是的jsfiddle link

更新：

jsfiddel link