0

如果我重新调整浏览器的大小，我似乎无法让 boxclosed1.png 留在同一个位置。有人有什么想法吗？我正在用 chrome 进行测试。我试图按照此链接上发布的内容进行操作：CSS：位置绝对调整大小失败

编辑：所以我尝试取出所有其他物品（草等），然后它似乎定位正确。在这种情况下，我需要更改我当前在 div 和样式中的设置以使其协同工作？

代码：

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3c.org/TR/xhtml11/DTD/xhtml11-strict.dtd">

<!-- START HTML -->
<html>

    <!-- START HEAD -->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link rel="stylesheet" type="text/css" href="css/27.css" />

    <!-- END HEAD -->
    </head>

    <!-- START BODY -->
    <body>

        <div id="cont">
 <a href="malmo/"><img class="animated bounceInDown" src="boxclosed1.png" alt="Malmö"></a>
        </div>

    <!-- END BODY -->
    </body>

<!-- END HTML -->
</html>
4

1 回答 1

1

如果您放置在相对定位boxclosed1.png的内部，则图像仍将相对于其父级绝对定位，如果调整浏览器大小，它将移动......图像也是如此。position: absolute<div>

将图像移出任何容器（在</body>结束标记之前）并给它一个position: fixedAND 设置它相对于页面的位置bottom，例如right

.fixed { position: fixed; bottom: 20px; right: 20px; }

检查（并调整大小）小提琴

顺便说一句，为了避免意外的跨浏览器结果，我不会设置标签width或height既不放置标签（除非您确切知道自己在做什么）html

于 2012-11-08T03:08:54.567 回答