ホームページ > ウェブフロントエンド > htmlチュートリアル > スクロールバーがある場合、div の高さが画面いっぱいにならない_html/css_WEB-ITnose

スクロールバーがある場合、div の高さが画面いっぱいにならない_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:43:03
オリジナル
1514 人が閲覧しました

ブラウザ CSS レイアウト HTML

CSS レイアウト、ページは 2 つの部分に分割され、左側は固定され、右側は任意の高さになります。右側の最外層には div (div_all_right) があり、ヘッダー、コンテンツ、フッターが含まれています。
html,body
{
高さ:100%;
}
#div_all_right {
背景: url("../images/Layout/content_bg.png");
ボックスシャドウ: 5px 5px 5px 5px シルバー;背景:0px:border-box:0px 238px;
ただし、#div_all_right の高さはブラウザの表示領域の高さのままであり、より高い領域は塗りつぶされません。
アドバイスをお願いします。


ディスカッションへの返信 (解決策)

実際、必要なのはこれだと思います:
http://bbs.blueidea.com/thread-2818595-1-1.html

height:100% を削除します。それを試してみてください?

1 階に戻ります。私が欲しいのは B/S ソフトウェア アーキテクチャではなく、グローバル スクロール バーです。 http://www.36kr.com/ のレイアウトに似ています。

高さ:100% の削除は機能しなくなります。
ソース:php.cn
前の記事:表とフォントをこんな感じにしたいのですがどうすればいいでしょうか? _html/css_WEB-ITnose 次の記事:CSS、テーブル の間に
の行を挿入する方法 rows_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート