1. ホーム
  2. jquery

[解決済み] Position: fixed" の div の幅を親 div からの相対値で設定する。

2022-04-22 15:18:38

質問

div (position: fixed)に100%の幅を与えようとしています(親divに関連しています)。しかし、いくつかの問題が発生しました...

EDIT 最初の問題はinheritを使うことで解決されましたが、それでもうまくいきません。100%/inheritの幅を取るdivを複数使っているのが問題だと思います。 2つ目の問題は、jsfiddleのアップデートで確認できます。 http://jsfiddle.net/4bGqF/7/

フォックスの例

#container {
    width: 800px;
}

#fixed {
    position: fixed;
    width: 100%;
}

そしてhtmlは

<div id="container">
    <div id="fixed">Sitename</div>
    <p>
        blaat
    </p>
</div>

または、試してみてください。 http://jsfiddle.net/4bGqF/

という問題があるようです。 固定要素は常にウィンドウ/ドキュメントの幅を取ります。 . 誰かこれを修正する方法を知っていますか?

jScrollPaneプラグインを使用しているため、固定要素に固定を与えることができないのです。スクロールバーがあるかないかはコンテンツに依存します。

ありがとうございました。

追記:2つのdivのテキストが重なっています。これは単なる例なので、特に問題ではありません。

解決するには?

2番目の問題が何であるかは分かりませんが(あなたの編集に基づく)、もしあなたが width:inherit をすべての内部 div に追加すると、動作します。 http://jsfiddle.net/4bGqF/9/

をサポートしていないブラウザをサポートする必要がある場合、javascriptのソリューションを検討する必要があるかもしれません。 width:inherit