我设法得到标头位于顶部,而位于内容位于中心位置。但我确实被卡在用户导航 div在内容的右侧。我尝试过使用position:relative
,但是它会出现在内容的div下方,但是在右侧,而且当我向下滚动视图时,它会出现在标头的顶部。布局其中头部固定位置,内容位于中心位置,用户导航位于右侧
那么我该如何解决这个问题呢?谢谢!
更新
这是它应该如何看视觉:
我设法得到标头位于顶部,而位于内容位于中心位置。但我确实被卡在用户导航 div在内容的右侧。我尝试过使用position:relative
,但是它会出现在内容的div下方,但是在右侧,而且当我向下滚动视图时,它会出现在标头的顶部。布局其中头部固定位置,内容位于中心位置,用户导航位于右侧
那么我该如何解决这个问题呢?谢谢!
这是它应该如何看视觉:
<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; }
应该工作,除非我不明白。
嗨,我已经附加了一张图片到我的文章布局应该看起来如何 – spacemonkey 2010-10-25 10:05:36
假设你想要的导航是里面的内容和你应该做到以下几点右下角顶部。将内容的位置设置为相对,然后将导航设置为绝对。然后为导航设置像这样的位置 -
#nav { position:absolute; bottom:0; right:0; }
这是否工作?
嘿OP,经过7年,现在有很多声誉在你的腰带,你可能会看到这个问题需要一点关注:它的质量低(没有提供代码 - 不能复制/不清楚你问),并有两个答案,其中没有一个被标记为接受。你介意将这些答案中的一个标记为已接受,自己回答或者甚至删除问题?干杯! – domsson 2017-07-24 11:08:19