ホームページ >ウェブフロントエンド >CSSチュートリアル >DIV CSS Web ページの代替上下レイアウト コード例_エクスペリエンス交換
DIV CSS Web ページの代替上下レイアウト コード例_エクスペリエンス交換
- WBOYオリジナル
- 2016-05-16 12:04:231740ブラウズ
まず、試行プロセス中に発見されたいくつかの問題について話しましょう
1. ボックス モデルの問題
リファクタリングや DIV CSS で遊んでいる友人は皆、このことを知っているはずだと思います。私はナンセンスな話はしません。知らない、興味がある、オンラインで検索できます。ここでこれについて言及したのは、このレイアウトはパーセンテージで制御されているため、境界線に 1px のエッジを追加した後、それを元に戻すのが困難であるため、上の境界線スタイルを破棄しました。
2. オーバーフローの問題
この問題は、コンテンツが長すぎてオーバーフローするのを防ぐためにオーバーフローを非表示にすることで解決できます。最初に、htmlとbodyのオーバーフローにhidden属性を追加できます。ブランクさんは、IE にはデフォルトでスクロール バーの幅がある (私は知りません) が、FF にはありません (これは知りません) と教えてくれました。
基本的にはこれです。コードは次のとおりです。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。