-2

这是代码：

    <body style="margin: 0; background-color: #FFFFFF; color: #001f1f; font-family: 'Oxygen', sans-serif; font-size: 15px; background-image:url('img/2.png');">

<div style="width: 100%; height: 20px; position: fixed; background-color: #001f1f; text-align: right; color: #ffffff; padding-right: 100px;"><span style="float: left;">Search</span>View your shopping cart</div>
<div style="width: 100%; height: 100px; margin-top: 20px; position: fixed; background-color: #f1f1f1; box-shadow: 0px 3px 3px #c9c9c9;"><a href="#"><img src="img/logo.png" style="float:left;"></a></div>

Text example

我应该如何更改“文本示例”不会成为那些固定的 div 的？

4

1 回答 1

1

http://jsfiddle.net/k7um4/

position: fixed将元素移出流。因此它们对 DOM 位置中的以下元素没有任何影响。虽然您的第一个 div 具有高度，但它们不会占用流程中的任何实际空间 - 而您的“文本示例”只是向上滑动以填充它们留下的空间。

为了让元素被看到，你需要通过向容器元素（你的身体）添加填充来适应它们所占据的空间。我添加了一个小提琴并top: 0px在两个元素上都指定了一个（如果你正在修复和元素，你可能想要指定你的顶部/左侧位置。）

于 2013-03-25T19:22:37.233 回答