css - 允许具有固定宽度的 div 内的内部 div 具有 100% 宽度

Question

我正在努力实现同样的目标 IN THIS EXAMPLE ...我希望我的导航就像在那个网站上一样。

HTML

<div id="container">
    <div id="nav"></div>
</div>

CSS

#container {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#nav {
    width: 100%
    background: #585858;
    height: 37px;
}

我正在尝试为导航获得与 repeat-x; 相同的效果

Answer 1

也许您想实现这样的目标: http://jsbin.com/oWeKiqa/2/

在你的 CSS 上试试这个:

#container {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#nav {
    width: 100%;
    background: #585858;
    height: 37px;
    left: 0;
    display: block;
    position: absolute;
}