0

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

谢谢。

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

4

3 回答 3

0 
<br clear="all" />

将其放在新 div 下方，以及您希望站点顶部栏位于上方的所有内容之上

于 2013-04-03T22:41:52.043 回答
0

没有看到 HTML，我们是盲目的，但根据您的描述，我认为您有一个网站，其中 body 元素的直接子元素绝对位于顶部。我将寻求的解决方案包括将这些直接子级包装在相对定位的 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>');
于 2013-04-05T17:33:25.623 回答
0

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

<div style="height:40px;width:100%;display:block">My small header</div>
于 2013-04-03T22:48:15.063 回答