Question

这是我的小提琴：https://jsfiddle.net/5e37gjtp/。我想要的是我的班级content将在header之后开始。我不想使用margin-top或padding-top。这是我的代码：

<div class="header"></div>
<div class="content"></div>

和css：

.header {height:200px;border:1px solid black; width:100%;position:fixed;left:0px;top:0px;}
.content{height:800px;border:1px solid black}

正如您所看到的，内容位于标题后面。我想在它之后展示。我想保持位置固定，因为是页面的标题，我想在向下滚动后保留它。可能吗？ thx

Answer 1

如果您使用的是->或absolute，那么核心就会变成垃圾和丑陋。你的愿望。最好将top用于匹配padding-top高度的body：

<header>

小提琴：https://jsfiddle.net/og3auchm/1/

Answer 2

如果标题的高度始终相同，您只需执行以下操作：

onLoad

小提琴：https://jsfiddle.net/ckmbemzp/

另一种方法是，如果您的标题高度不同，则可以使用top事件并计算标题的高度，然后您可以更改git svn clone --trunk=/trunk --branches=/branches --authors-file=authors.txt -r 75000:80000 https://svn.prod.oldcompany.com/repo/backend backend_conversion git svn fetch 80000:85000 git svn fetch 85000:90000 git svn fetch 90000:HEAD属性。

Answer 3

您可以通过向您的内容添加position:absolute;和top:201px;来实现这一目标，因为标头中计算的1px边框，所以额外费用是1px。

您可能还想添加left:-1px;以使其与左侧对齐。我希望这有帮助！

在css中定位问题

3 个答案: