[解決済み】DIVの幅が100%というのは本当の100%ではない
2022-02-02 21:56:37
質問
がある場合
<div>
と
width: 100%
100%ではありません。
<div id="div">testtesttesttesttest</div>
...
#div {
width: 100%;
background-color: red;
}
ウィンドウサイズを変更し、水平スクロールバーがある状態で、右方向にスクロールすると、背景が消えてしまいます。この場合、どうすれば背景を残すことができるのでしょうか?
ここで、実際に問題を確認することができます。 http://beta.ovoweb.net/?i=3
これで、ウィンドウをリサイズして右にスクロールすると、背景が見えなくなってしまいます。これを修正する方法を教えてください。
解決方法は?
100%の値は、親の幅またはビューポートの100%です。を参照してください。 ドキュメント .
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] divをクリックすると、その下にある要素に移動します。
-
[解決済み] JavaFX Labelの文字色を変更する方法
-
[解決済み] css グリッドによる垂直・水平方向の中央揃え 4x4 正方形グリッド
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] 位置は固定だが、容器に対して相対的
-
[解決済み] CSSで背景画像を幅に合わせ、高さは比例して自動縮小する
-
[解決済み] Expanding a parent <div> to the height of its children
-
[解決済み】スクロールを一時的に無効にする方法は?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】DIVの幅が100%というのは本当の100%ではない
-
[解決済み] Bootstrap 3でnavbar-static-topは何をするのですか?
-
[解決済み] 位置固定が効かないのが絶対のように効いている【非公開
-
[解決済み] マージン/パディングが機能しない
-
[解決済み] SPANのheightプロパティを設定する方法
-
[解決済み] bootstrapのチェックボックスの色を変更するには?
-
[解決済み] 特定のdivを右へ移動させたい
-
[解決済み] CSS 不透明度 - 背景色
-
[解決済み] twitter-bootstrapの@-ms-viewportというタグは何ですか?
-
[解決済み] codepenでfont awesomeを使用する