javascript - 将一个 div 放在居中的 div 的右边？

Question

我有一个 <div>它位于我页面的中央，但现在我需要添加一个位于中心框右侧的 div，我相信您可以使用 css 来完成此操作但想不出解决办法。

比如

div#container {
    margin-left: auto;
    margin-right: auto;
    width: 396px;
    display:block;
    margin-top: 110px;
}

我需要的 div 会和那个有点一样吗？但是用 +396px 来清除已经存在的 div？这可能吗？

Answer 1

将右侧的 div float 到右侧。确保它位于 div#container 之前的 html 中。

div#container {
    margin:100px auto 0;
    width: 396px;
    height:396px;
    margin-top: 110px;
    background-color:#ccc;
}
div#right {
    float:right;
    width:200px;
    height:200px;
    background-color:#c6c;
}


<div id="right"></div>
<div id="container"></div>