0

2 つの div タグが絶対配置されています。ポイントは、ウィンドウのサイズを合計幅よりも小さく変更したときに、最初のものが右側のものを超えないようにすることです。ps : これは firefox でのみ発生します。

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>My HTML File</title>
    <style>
        body{
            direction: rtl;
        }
        #sidebar{
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 300px;
            min-height: 1000px;
            background-color: #66ccff;
        }
        #content{
            position: absolute;
            top: 0;
            right: 300px;
            bottom: 0;
            left: 0;
            min-width: 1100px;
            background-color: #008844;
        }
    </style>
</head>
<body>
<div id="sidebar"></div>
<div id="content">
</div>
</body>
</html>
4

1 に答える 1