css - 必应设计上的框位置

Question

我想在我的网站上复制一点 bing.com 的设计。我有一个背景img

background-size: cover;

为了有一个漂亮的图片调整大小。

问题是我还想在指定位置显示为 bing.com 小框，即使调整网站大小，我也想保持这个位置。我使用带百分比的绝对位置，问题是当我调整网站大小时，框移动了很多，它们失去了所需的位置。我如何在 CSS 中管理它（甚至在 JS 中？）

我的代码： http ://dahevos.free.fr/wip/design.html 。我希望即使您调整窗口大小，也必须在 tron 上设置小框

Answer 1

您需要创建一个block应该block是具有position:absolute;属性的父级。该父级block应该具有该position:relative;属性。这应该存在以保持绝对定位元素的位置不变，即使屏幕重新调整大小。

例如，

<div style="position:relative;">
     <nav style="position:absolute;">&nbsp;</nav>
</div>

希望这可以帮助。