Question

我正在设置代理网站，我正在尝试在每个页面的顶部添加一个小标题（大约40px，只需一个文本框就可以让用户更改网站了正在浏览代理）。不幸的是，到目前为止我尝试过的所有内容都将标题置于覆盖页面顶部的现有页面的顶部。我试图想出一种方法将标题放在页面上方，将页面的所有内容向下移动40px。任何帮助都非常感谢。

感谢。

P.S。我发现似乎导致问题最多的内容是绝对位于页面顶部的内容。

Answer 1

<br clear="all" />

将其置于新div下方，并将其放置在您希望网站顶部栏位于

之上的所有内容之上

Answer 2

这应该在您的页面中显示40 px的标题：

<div style="height:40px;width:100%;display:block">My small header</div>

Answer 3

没有看到HTML，我们是盲目的，但根据你的描述，我认为你有一个网站，身体元素的直接孩子绝对位于顶部。我要追求的解决方案是将这些直接孩子包裹在相对定位的div（或部分）中，然后将新内容插入该div之上。

您的结构应该来自

<body>
   <div>this is absolutely positioned</div>
</body>

到

<body>
    <div>this is your new header</div>
    <div class="relatively position wrapped">
        <div>this is absolutely positioned</div>
    </div>
</body>

这将允许您的新内容影响后续内容的定位。

您正在考虑的问题是基于绝对定位的元素在文档流中没有位置的事实，因此为了获得最佳控制，您将它们放置在一个相对定位的元素中，该元素会影响文档流，并受到影响通过周围的元素。

如果所有违规元素都位于顶部，您可以给每个样式属性，如style =“top：40px”（更好的是，在css中执行此操作）。

如果你想包装有问题的元素但又不想弄乱html，你可以使用jquery：

jQuery(body).innerWrap('<div style="position: relative;"></div>');
jQuery(body).prepend('<div>your new content</div>');

在现有网站上方添加标题

3 个答案: