Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 将div放置在居中div的右侧?_Css_Javascript_Html - Fatal编程技术网

Css 将div放置在居中div的右侧?

Css 将div放置在居中div的右侧?,css,javascript,html,Css,Javascript,Html,我有一个,它在我的页面的中心,但现在我需要添加一个div,它将位于中心框的右侧,我相信您可以使用它来完成此操作,但无法想出解决方案 比如说 div#container { margin-left: auto; margin-right: auto; width: 396px; display:block; margin-top: 110px; } 我需要的那个div和那个一样吗?但是用+396px来清除已经存在的div?这可能吗?您正在查找float c

我有一个
,它在我的页面的中心,但现在我需要添加一个div,它将位于中心框的右侧,我相信您可以使用它来完成此操作,但无法想出解决方案

比如说

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

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

您正在查找float css属性

e、 g


乱数假文
相对定位
#容器,绝对定位
#内部

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

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

将右div向右浮动。确保它在html中位于
div#container
之前

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>
div#容器{
裕度:100px自动0;
宽度:396px;
高度:396px;
利润上限:110像素;
背景色:#ccc;
}
对{
浮动:对;
宽度:200px;
高度:200px;
背景色:#c6c;
}

如果我减去正确的属性,这将起作用,这是一种好的方法还是一种糟糕的做法?例如:div#inner{position:absolute;right:-230px;top:0px;background:#EEEEEE;width:200px;}我认为我的解决方案不好。我误解了你的问题。我以为你想要一个内线的。
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>