CSS的“左”不工作

Question

我有2个div，父母和孩子，我希望孩子的左侧（左边框）位于父母的中心。

为什么此代码不起作用？那是left: 50%给孩子的，不起作用。

<div id="outher">
    <div id="inner">

    </div>
</div>

CSS：

#outher {
   width: 1000px;
   height: 1000px;
   background-color: #ccc;
}

#inner {
   width: 400px;
   height: 300px;
   background-color: #090;
   left: 50%;
}

Answer 1

您需要设置position为absolute或relative：

#inner {
   width: 400px;
   height: 300px;
   background-color: #090;
   position: absolute;
   left: 50%;
}