1

私は最近ウェブサイトに取り組んでおり、大きな問題に遭遇しました:http://jimbob.webatu.com/index.html (ウェブページのコーディングを確認する必要があります)。ウェブサイトをセットアップしました。 2 つのメイン列がありますが、中央に配置されます。ID ラップはすべてを中央に配置し、2 つの列は左または右にフロートします。

     #wrap    {
     width:750px;
     margin:0 auto;
     background-color:#6E6E6E;
     border-left:3px solid #A9E2F3;
     border-right:3px solid #A9E2F3;
     }
     #main    {
     float:left;
     width:496px;
     background:white;
     border-top-right-radius:5px 5px;
     border-bottom-right-radius:5px 5px;
     }
     #sidebar {
     float:right;
     width:250px;
     } `

最近、上部にナビゲーションバーのようなフッターバーを追加しようとしました。これは、「clear:both」を使用してワープ全体に留まるように設定されており、「wrap」ID を完全に回避しようとしています。しかし、何かがうまくいかず、「wrap」と「secondborder」を制御する div が全閉しません。また、灰色のバーが背後に表示され、「ラップ」背景が適用されないことがわかります (「ラップ」背景が適用されるように、サイドバーの背景を何も設定していません。これにより、少しきれいに見えます)。必要なコーディングがばらばらで長すぎるため、貼り付けることができません (Web ページのページ ソースを参照してください)。「ラップ」の背景と「フッター」の解決策を誰でも提供できますか センタリングしない？私は過去 3 か月間、html とコーディングを学んでいただけなので、これが私が犯したばかげた間違いである場合はご容赦ください。問題がある私のウェブサイトへのリンク：http://jimbob.webatu.com/index.html

4

3 に答える 3

0

secondborder 要素に新しい div を追加しました<div style="clear:both"></div>。これで問題が解決しました。あなたは浮かんでいて、サイドバーやメインの div をクリアしていませんでした。

于 2012-06-12T08:57:09.923 に答える
0

一般的に言えば、フローティングdivの後にクリアする必要があります。これにより、ブラウザーは次の要素のフローティングを停止するように指示されます。あなたのHTMLを見て、私は前に追加します<div id="footer"> <br style="clear:both" />

また、閉じる前に#wrap別のものを追加してください<br style="clear:both" />

于 2012-06-12T08:54:49.470 に答える