2

この例では、overflow-x を hidden に設定してコンテンツを水平方向に非表示にする必要があります。ただし、これを行うと、垂直スクロールバーも自動的に追加されます。オーバーフローxまたはオーバーフローyを設定すると、もう一方が自動に設定され、スクロールバーが強制的に表示される場所を読みました。これを回避する方法はありますか？

http://jsfiddle.net/kwnQk/

<div class="div1">
    <div class="div2">
    </div>
    <div class="div3">
    </div>
</div>

div.div1 {
    width: 300px;
    height: 300px;
    background-color: #000;
    overflow-y: visible;
    overflow-x: hidden;
}

div.div2 {
    width: 600px;
    height: 80px;
    background-color: #ebebeb;
    margin-top: 20px;
}

div.div3 {
    width: 90px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    background-color: #900;
}
4

5 に答える 5

-1

コンテンツwidth :100%全体を水平方向に表示する

 div.div1 {
        width: 100%;
        height: 300px;
        background-color: #000;
        overflow-y: visible;
        overflow-x: hidden;
    }
于 2013-08-22T07:32:46.477 に答える