Question

我尝试将div连接到我的中心div，但我无法理解。 “连接div”应与居中div相邻，但中心div的对齐方式不应更改。（它应该留在中心。）

HTML

<div class="yelow"></div>
<div class="red"></div>

CSS

.red{
    width:100px;
    background-color:#ff0000;
    height:100px;
    margin-left:auto;
    margin-right:auto;
}
.yelow{
    float: left;
    width:100px;
    background-color:#ffff00;
    height:100px;
}

这是小提琴：

http://tinyurl.com/k2twodz

所以黄色div应该相邻到红色中心div。

提前致谢！

Answer 1

你走了。我还调整了HTML代码。 http://jsfiddle.net/hrvvvz4v/4/

<强> HTML

<div class="red">
    <div class="yelow"></div>
</div>

<强> CSS

.red{
    width:100px;
    background-color:#ff0000;
    height:100px;
    margin:0 auto;
}
.yelow{
    position:relative;
    right:100px;
    width:100px;
    background-color:#ffff00;
    height:100px;
}

Answer 2

你也可以试试这个：

<强> HTML ：

    <div class="main">
      <div class="yellow"></div>
      <div class="red"></div>
    </div>

<强> CSS ：

   .main
   {
     width:200px;
     height:100px;
   }

   .red
   {
    width:100px;
    background-color:#ff0000;
    height:100px;
    float:left;
   }

   .yellow
   {
    float: right;
    width:100px;
    background-color:#ffff00;
    height:100px;
    }

将<div>连接到center <div> </div> </div>

2 个答案: