【问题标题】:Fixed Position- CONTENT slide BEHIND menu固定位置 - 内容在菜单后面滑动
【发布时间】:2013-07-04 16:05:12
【问题描述】:

我有一个固定的标题,我的内容在标题后面滑动。我将如何阻止内容在其后面滑动。

简单地说,内容和固定菜单都是纸片。他们现在的行为就像他们在不同的平面上一样,我如何将它们放在“同一平面”上,就像放在桌子上一样。第二篇论文不应低于第一篇。

【问题讨论】:

  • 请显示导致问题的代码。人们可能会猜到,但如果你展示你的代码,他们就可以验证问题到底是什么。

标签: css position positioning frontend


【解决方案1】:

试试看

Clear:both;

在内容div中(在header后面滑动的div) 如果标题像您说的那样固定,请将内容 div 上的边距顶部放置到标题的高度。 所以简单地说:

<div class='header'>

</div>
<div class='content'>

</div>

CSS

.header{
position:fixed;
width:100%;
height:100px;
}
.content{
margin-top:100px;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-28
    • 2013-05-28
    相关资源
    最近更新 更多