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 CODE：

<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

另一个div位于主div旁边

2 个答案: