[解決済み] 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
関連
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] CSS 100% height と padding/margin の関係
-
[解決済み] 位置は固定だが、容器に対して相対的
-
[解決済み] 位置は絶対だが、親に対して相対的
-
[解決済み] jQueryで複数のCSS属性を定義するには?
-
[解決済み] 固定位置でz-indexが機能しない
-
[解決済み] 純粋なCSSで動的な文字量に応じたフォントサイズをレスポンシブにする
-
[解決済み】CSSで子DIVの幅を親DIVより広くする方法はありますか?
-
[解決済み】display:flexを使って残りの縦幅をCSSで埋める。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] jQuery.ajaxでmultipart/formdataを送信する。
-
[解決済み] jQuery UI DatePicker - 日付フォーマットの変更
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み] jQuery セレクタ。Id Ends With?
-
[解決済み] jQueryを使用して要素の型を検索する
-
[解決済み] Electron: jQueryが定義されていない
-
[解決済み] jQueryでinput[type=text]の値変化を検出する