4

ここに私のサイトがあります

現在、まだデザイン レイアウトをいじっていて、解決できない問題が 1 つあります。私のヘッダーには、メインのコンテンツから分離するための赤いボーダーボトムがあります。同様に、フッターにも同じことをする赤い上枠があります。他の要素と競合することなく、div を超えて境界線を拡張する方法はありますか? よりグリッドのようなデザインになるようにレイアウトを構成したいと考えています。

#wrap {
width: 1000px;
background-color: #ffffff;
text-align:left;
margin: 0 auto 0 auto;
border-left: 1px solid #000000;
border-right: 1px solid #000000; }

#head{
background-color: #ffffff;
width: 1000px;
height: 159px;
border-bottom: 1px solid #ff0000; }

このようなものですか？

4

1 に答える 1

6

はい。このように、負のマージンを設定して、divを親の外側に拡張することができます。（私はヘッダーだけをしました、しかしあなたは考えを理解します）

フィドルの解決策は、厄介な！importantを使用してスタイリングを正しくします。これを回避し、コードをより保守しやすくするために、CSSを再編成することをお勧めします。この投稿を参照してください。

于 2012-08-10T13:38:08.967 に答える