2

途方に暮れる問題に遭遇しました... CSS 'right: 0px' を使用して、ページの絶対右に要素を配置しようとしました。しかし、私の要素は実際には予想よりも数ピクセル右に配置されているようで、その一部を失いました。

問題を突き止めようとして、以下の HTML にケースを単純化しました。

幅 100% の要素 (本体も!) は、実際にはビューポートよりも広いように見えます (ただし、スクロールバーをトリガーしています)。私はばかげています.. 私はここで何を見落としていますか?

<!DOCTYPE html>
<HTML>
<head>
    <STYLE>

        body{
            overflow: auto;
        }

        #div1{
            position:       absolute;
            top:            50px;
            left:           0px;
            width:          100px;
            height:         145px;
            background-color:   red;
        }

        #div2{
            position:       absolute;
            top:            250px;
            left:           0px;
            width:          100%;
            height:         145px;
            background-color:   red;
        }

        .block{
            position:       absolute;
            width:          30px;
            height:         20px;
            background-color:   yellow;
        }

        .sub0{top:0px; right:0px;}
        .sub1{top:25px; right:1px;}
        .sub2{top:50px; right:2px;}
        .sub3{top:75px; right:3px;}
        .sub4{top:100px; right:4px;}
        .sub5{top:125px; right:5px;}


    </STYLE>

<body>


    <div ID="div1"> 

        <div class="block sub0">0PX</div>
        <div class="block sub1">1PX</div>
        <div class="block sub2">2PX</div>
        <div class="block sub3">3PX</div>
        <div class="block sub4">4PX</div>
        <div class="block sub5">5PX</div>

    </div>

    <div ID="div2"> 

        <div class="block sub0">0PX</div>
        <div class="block sub1">1PX</div>
        <div class="block sub2">2PX</div>
        <div class="block sub3">3PX</div>
        <div class="block sub4">4PX</div>
        <div class="block sub5">5PX</div>

    </div>


</body>

</HTML>
4

1 に答える 1

0

わかりました、お手数をおかけして申し訳ありません...問題があまりにもばかげていたので、頭を壁にぶつけたくなりました...

さらに調査した結果、デュアル モニター設定の左側のモニターで最大化されたブラウザー ウィンドウでのみ問題が発生するように見えました...

モニターの「自動調整」で解決しました...右の2ピクセルを失うことはもうありません...

当たり前！

于 2012-07-31T13:42:52.527 に答える