css“left”不工作 [英] css "left" not working

问题描述

我有两个div，父母和子女，我想让那个孩子的左边（左边框）将在父母的中心。

I have 2 divs, parent and child, I want that child left side (left border) will in center of parent.

为什么这个代码不工作？ left：50％ for child，is not working。

Why this code not working? that is left: 50% for child, is not working.

<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%;
}

demo http://jsfiddle.net/vrse2/5/

推荐答案

您需要设置位置到绝对或相对：

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

这篇关于css“left”不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！