0

ブラウザのサイズを変更すると、boxclosed1.png が同じ場所に留まらないようです。誰かアイデアはありますか？私はクロムでテストしています。このリンクに投稿された内容に従おうとしました: CSS: position absolute fails in resizing

編集：他のすべてのアイテム（草など）を取り出してみたところ、正しく配置されているようです。この場合、これを連携させるには、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>終了タグの前)から移動し、AND を指定して、ページの ANDとのposition: fixed関係でその位置を設定します。bottomright

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

フィドルをチェック（およびサイズ変更）します

ところで、予期しないクロスブラウザーの結果を避けるために、タグに位置を設定しwidthたり、位置を設定したりしません（自分が何をしているのか正確にわかっていない限り）heighthtml

于 2012-11-08T03:08:54.567 に答える