2010-10-25 77 views
-1

我设法得到标头位于顶部,而位于内容位于中心位置。但我确实被卡在用户导航 div在内容的右侧。我尝试过使用position:relative,但是它会出现在内容的div下方,但是在右侧,而且当我向下滚动视图时,它会出现在标头的顶部。布局其中头部固定位置,内容位于中心位置,用户导航位于右侧

那么我该如何解决这个问题呢?谢谢!

更新

这是它应该如何看视觉: alt text

+0

嘿OP,经过7年,现在有很多声誉在你的腰带,你可能会看到这个问题需要一点关注:它的质量低(没有提供代码 - 不能复制/不清楚你问),并有两个答案,其中没有一个被标记为接受。你介意将这些答案中的一个标记为已接受,自己回答或者甚至删除问题?干杯! – domsson 2017-07-24 11:08:19

回答

0
<div id="header"> 
</div> 
<div id="nav"> 
</div> 
<div id="content"> 
</div> 

#header { position:fixed; height:100px; } 

#nav { float:right; margin-top:100px; } 

#content { overflow:auto; margin-top:100px; } 

应该工作,除非我不明白。

+0

嗨,我已经附加了一张图片到我的文章布局应该看起来如何 – spacemonkey 2010-10-25 10:05:36

0

假设你想要的导航是里面的内容和你应该做到以下几点右下角顶部。将内容的位置设置为相对,然后将导航设置为绝对。然后为导航设置像这样的位置 -

#nav { position:absolute; bottom:0; right:0; } 

这是否工作?