1

私はhtml/cssにかなり慣れていないので、単純なWebページを作成しようとしていますが、ブラウザウィンドウのサイズを変更すると要素が移動し続けます. たとえば、画面の右下隅にテキストがあり、ブラウザウィンドウに画面を表示する場合、テキストをもう一度表示するには、右にスクロールする必要があります。これは、私が望んでいたように機能しない私のコードです:

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>Test</title>
        <style>
            body {
                min-width: 960px;
                min-height: 960px;
            }
            #testxt {
                position: absolute;
                bottom: 10px;
                right: 20px;
            }
        </style>
    </head>

    <body>
        <div id="wrapper">
            <div id="testxt">Hello</div>
        </div>
    </Body>

</html>

ウィンドウのサイズを変更するときに、スクロールしてハローを表示したい

4

2 に答える 2

1

div を固定した場所にとどめたい場合は、div に左の距離を与える必要があります。

追加してみてください：

left: 1500px;

これで、ウィンドウのサイズを変更しても、div の位置が水平方向に変わりません。同じことを垂直に行うには、トップも設定する必要があります。

お役に立てれば！

于 2013-08-28T23:55:59.690 に答える
0

位置を固定に変更してみてください。

位置が固定されている要素は、ブラウザ ウィンドウに対して相対的に配置されます。

ウィンドウがスクロールされても移動しません。

#testxt
{
    position: fixed;
    bottom: 10px;
    right: 20px;
}
于 2013-08-29T00:21:41.517 に答える