Question

以下是代码：

    <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变得更糟糕？

Answer 1

http://jsfiddle.net/k7um4/

position: fixed将元素移出流程。因此，他们对DOM的位置中的以下元素没有任何影响。当你的第一个div有高度时，他们不会占用流量中的任何真实空间 - 而你的文本示例＆＃34;只是向上滑动以填补他们留下的空间。

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

内容隐藏在固定定位的div下

1 个答案: