0

私がこれまでに持っているもの：

<style>
.wrapper {
    width:980px;
    border:1px solid red;
}

.element {
    width:10000px;
    overflow:visible;
    margin-left:-2000px;
    height: 20px;
    margin-top:100px;
    margin-bottom:100px;
    border: 1px dotted green;
}
</style>
<div class="wrapper">
    <div class="element">
    </div>
</div>

http://jsfiddle.net/8cyHR/

水平スクロールバーを削除したい (.element はブラウザーのウィンドウ幅と同じ幅でなければならない) が、ラッパー要素は依然として幅 980px のみでなければならない

4

2 に答える 2

1

あなたの質問は、あなたのコードとまったく一致しないため、今では完全に夢中になっています。だから、私はあなたのために複数のオプションを考え出そうとしました.

欲しいものが手に入らない - ケース #1

要素に position:absolute または position:relative を適用します。これにより、.element を親コンテナーよりも多くしたい場合は、通常のフローから除外されます。(私はあなたを正しく理解していますか? それがあなたの望みですか?)

何が必要ですか (ケース #2): .element をブラウザー (ウィンドウ?) と同じ幅にしたい場合、なぜ width:10000px を使用するのですか?? 絶対配置 (ケース #1 を参照) と width:100% を使用

ケース #3: .element の水平スクロールバーを表示したくない場合は、:visible の代わりに、overflow:auto または overflow:hidden を使用します (継承されていない場合は単純に削除してください)。

ケース #4: ドキュメントの幅が 10000px 未満の場合に発生する可能性のある WINDOW の水平スクロールバーを非表示にする場合は、ケース #2 を使用するか、overflow:hidden を親 div に追加します

PS。margin-left:-2000px を使用する必要があるのはなぜですか? :-) デモンストレーションのみを目的としていますか? そう願う

于 2013-10-09T10:34:24.143 に答える