CSS/HTML - 无法将DIV放在右侧

在我们的网站上，我们有一个容器，里面有一个DIV盒子，在右边留下一个空间，所以我们可以添加更多带有图片/文本的盒子。CSS/HTML - 无法将DIV放在右侧

我得到尽可能靠近右侧，但在“主”div下方的框。

谢谢！

CSS：

#container { 
    position: relative; 
    width: 600px; 
    height: 400px; 
    margin: 0 auto 0; 
    background: #FFF; 
    border-style:solid; 
    border-width:2px; 
} 
#main { 
    position:relative; 
    width: 450px; 
    height: 300px; 
    border-style:solid; 
    border-width:2px; 
} 
#sidebox { 
    position:relative; 
    width:120px; 
    height:50px; 
    float:right; 
    border-style:solid; 
    border-width:2px; 
}

HTML：

<div id="container"> 
    <div id="main">Welcome to our website!</div> 
    <div id="sidebox">Sidebox</div> 
</div>

来源

2013-11-20 MRC

不确定你在做什么之后，主箱子是否将侧箱推下？你只需要'float：left;'它http://jsfiddle.net/Ug5pz/3/ – MLeFevre

@MLeFevre，认为你钉了它 – SW4

是的，这似乎是解决它的方法！谢谢。 – MRC

尝试增加float:Left到#main CSS

另外，您可以如下修改#sidebox CSS：

position:absolute; 
right:0px; 
top:0px;

来源

2013-11-20 11:28:07 talegna

尝试向#main添加“float：Left”＃不确定为什么我从来没有尝试过！我昨天花了几个小时！谢谢！只要它答应我，我会立即将其标记为答案。 – MRC

你刚刚打败了我，仅仅2秒：p –

总是这样，我们都有一天特别喜欢CSS，有时候它只需要第二组眼睛:-) – talegna

CSS/HTML - 无法将DIV放在右侧

回答

相关问题