0

いくつかの絶対配置要素に基づいてブラウザにコンテンツのサイズを計算させないようにする方法は? https://developer.mozilla.org/en-US/docs/CSS/-moz-stack-sizingのようなものを探しています

単純な使用例については、http://jsfiddle.net/edzis/5nnYk/を参照してください。

html, body, .container {
    /**
        https://developer.mozilla.org/en-US/docs/CSS/-moz-stack-sizing
        DOES NOT WORK
    **/
    -moz-stack-sizing: ignore;
    -webkit-stack-sizing: ignore;
    stack-sizing: ignore;
}
4

1 に答える 1

0

これはあなたが探しているものと完全に一致しないかもしれませんが、いくつかのアイデアを提示できるかもしれません.

HTMLコードを変更できる場合は、2番目の絶対配置レイヤーを使用して「オーバーフロー：非表示」を利用し、「コンテナ」divがスクロールするディメンションのみを担当できるようにすることができます。

注: 初期ウィンドウ幅が小さく、コンテナーがスクロールを引き起こす場合、ここで問題が発生する可能性があります。画面外の要素がレンダリングされず、更新が必要になる場合があります。

更新された jsfiddle リンクは次のとおりです: http://jsfiddle.net/5nnYk/24/

コード例:

<div class="panel">
    <div class='left'>LEFT</div>
    <div class='right'>RIGHT</div>
</div>
<div class='container'>
</div>

次に、パネル クラスを次のように設定します。

.panel{
    width:99%;
    height:200px;
    position:absolute;
    z-index:1;
    overflow:hidden;
    -webkit-transform-style: preserve-3d;
}

ところで: 幅を 100% ではなく 99% に設定しました。これは、時々上昇して水平スクロールを引き起こす別の問題を修正するためです。これを解決する別の方法は、use left: 0px; です。パネル上。

于 2013-04-26T05:30:00.970 に答える