1

我在顶部有一个水平导航栏。此导航栏位于页面中间,没有固定宽度。

下面,我有一个内容框,它的最大宽度接近顶部导航的宽度,它也是居中的。

现在,我想要在内容左侧的另一个导航框(可以是固定宽度,但最好不要),但内容仍然要居中(不是一个包含导航和内容的框)。

中心问题 http://img688.imageshack.us/img688/4306/problemcenter.png

所以代码看起来像这样:

<nav id="main-navigation"></nav>
<nav id="sidenav"></nav>
<section id="content"></section>

有任何想法吗?

4

3 回答 3

1

如果可以的话,我想推荐以下内容:

  1. 用容器包装上面的元素。
  2. 应用position:relative到这个新容器。
  3. 接下来,position:absolute申请#sidenav
  4. 最后,继续并通过申请定位#sidenavright:100%

你有它!您现在需要做的就是相应地对其进行样式设置。

这是一个工作示例的小提琴

于 2012-08-23T18:28:04.157 回答
1

看看这个演示

#sidenav与其父对象绝对定位#content

于 2012-08-23T18:30:50.230 回答
0

这可能就是你要找的东西:小提琴!

于 2012-08-23T18:29:39.133 回答