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

在我们的网站上，我们有一个容器，里面有一个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;
}

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

HTML:

#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;
}

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

欢迎访问我们的网站！
杂物箱

尝试将

float:Left

添加到

#main

CSS中

或者，您可以修改

#侧框

CSS，如下所示：

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

---

尝试将

float:Left

添加到

#main

CSS中

或者，您可以修改

#侧框

CSS，如下所示：

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

---

尝试将

float:Left

添加到

#main

CSS中

或者，您可以修改

#侧框

CSS，如下所示：

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

---

尝试将

float:Left

添加到

#main

CSS中

或者，您可以修改

#侧框

CSS，如下所示：

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

---

---

不是很确定你在追求什么，是主盒子把边盒子往下推的问题吗？您只需要

float:left

it@MLeFevre，我想你搞定了是的，这似乎是解决问题的方法！谢谢。我不太确定你在找什么，是因为主盒子把边盒子往下推的问题吗？您只需要

float:left

it@MLeFevre，我想你搞定了是的，这似乎是解决问题的方法！谢谢。我不太确定你在找什么，是因为主盒子把边盒子往下推的问题吗？您只需要

float:left

it@MLeFevre，我想你搞定了是的，这似乎是解决问题的方法！谢谢。我不太确定你在找什么，是因为主盒子把边盒子往下推的问题吗？您只需要

float:left

it@MLeFevre，我想你搞定了是的，这似乎是解决问题的方法！谢谢。尝试将

float:Left

添加到#main中，我不知道为什么我从未尝试过！我昨天花了好几个小时在那上面！谢谢我会在它允许的情况下尽快标记为答案。你只需在2秒钟内击败我：pIt总是这样，我们都有过这样的一天，特别是在CSS中，有时只需要第二双眼睛：-）它工作得很好，除了某些原因，当鼠标悬停在链接上时，这些div上方的菜单栏会导致主/侧框div四处移动。这是因为菜单栏的位置、页面上其他元素的外观/移动等会影响其他元素的显示方式。您可以使用其他css技巧，例如

z-index

来减少这种尝试的影响，将

float:Left

添加到#main中不知道为什么我从未尝试过！我昨天花了好几个小时在那上面！谢谢我会在它允许的情况下尽快标记为答案。你只需在2秒钟内击败我：pIt总是这样，我们都有过这样的一天，特别是在CSS中，有时只需要第二双眼睛：-）它工作得很好，除了某些原因，当鼠标悬停在链接上时，这些div上方的菜单栏会导致主/侧框div四处移动。这是因为菜单栏的位置、页面上其他元素的外观/移动等会影响其他元素的显示方式。您可以使用其他css技巧，例如

z-index

来减少这种尝试的影响，将

float:Left

添加到#main中不知道为什么我从未尝试过！我昨天花了好几个小时在那上面！谢谢我会在它允许的情况下尽快标记为答案。你只需在2秒钟内击败我：pIt总是这样，我们都有过这样的一天，特别是在CSS中，有时只需要第二双眼睛：-）它工作得很好，除了某些原因，当鼠标悬停在链接上时，这些div上方的菜单栏会导致主/侧框div四处移动。这是因为菜单栏的位置、页面上其他元素的外观/移动等会影响其他元素的显示方式。您可以使用其他css技巧，例如

z-index

来减少这种尝试的影响，将

float:Left

添加到#main中不知道为什么我从未尝试过！我昨天花了好几个小时在那上面！谢谢我会在它允许的情况下尽快标记为答案。你只需在2秒钟内击败我：pIt总是这样，我们都有过这样的一天，特别是在CSS中，有时只需要第二双眼睛：-）它工作得很好，除了某些原因，当鼠标悬停在链接上时，这些div上方的菜单栏会导致主/侧框div四处移动。这是因为菜单栏的位置、页面上其他元素的外观/移动等会影响其他元素的显示方式。您可以使用其他css技巧，如

z-index

，以减少此操作的影响