html - 主 div 旁边的另一个 div 定位

Question

我有一个主 DIV，它位于屏幕中心，margin: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链接

更新 ：

jsfiddel链接