Question

我有一个<div>位于我页面的中心，但现在我需要添加一个div，它位于中心框的右侧，我相信你可以用{{3但是无法想到解决方案。

所以例如

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

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

Answer 1

绝对定位#container亲戚和#inner。

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

div#inner {
    position: absolute;
    right: 0px;
}

Answer 2

向右浮动右侧div。请确保它位于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>

Answer 3

您正在寻找float css属性。

http://www.w3schools.com/css/pr_class_float.asp

e.g。

<div>
  <div style="float:left"> Lorem Ipsum</div>
</div>

将div放在中心div的右边？

3 个答案: