1

これが私のページが何であるかの最終結果です（まだそれほど派手なものではありません）：jsFiddle - bWa7B。div#remainingページの残りの部分（白い色で、フッターを下部に配置）を占有しようとしています。

この小さなハックは非常に簡単に実行できることを私は知っていjQueryます; ここで使用されているようなものです。しかし、私は主にCSSのスタイルを維持したいと思っています（多くのユーザーは、アクセス中にブラウザーでCookieとJavaScriptを無効にします。

私は、過去15時間ほどでトラバースできる限り多くのリンクから、のほぼすべての可能な組み合わせと他overflow: hidden;の組み合わせを試しました。display: table-cell;しかし、私の目標を達成するために何度も失敗した後、私はただ尋ねなければなりません。

私のより良い結果のいくつかはここにリンクされています：

  1. bWa7B / 1 /
  2. bWa7B / 2 /
  3. bWa7B / 3 /
  4. bWa7B / 4 /

最終結果

div#remaining最終結果では、bodyタグの余白と幅を継承して、ページ全体を白の背景色で表示する必要があります。また、は親のdiv#right高さ全体をカバーしている必要があります。div#remaining

PS

より良い結果とは、他の編集とは対照的に、少なくとも変化が観察された場所を意味します。これは、私の結果にあまり影響を与えませんでした。

4

3 に答える 3

1

このフィドルは、それがどのように全身を占めるかを示しています。体をどれだけ長くしたいかはあなた次第です。

于 2012-10-13T18:27:14.260 に答える
1

位置をいじる代わりに、ラッパーを使用することをお勧めします。

これらすべてのdivのラッパーを作成します。だからあなたが置いたタイトルdivの上に

<div id="wrapper"> 
<here the rest of your divs>
</div>

そしてcssであなたはそれをこのようにします：

#wrapper{
margin: 0 auto;
background-color:#fff;
}

これにより、フッターを含むすべてが白い背景になります。ただし、フッターに現在と同じ色の背景を指定すると、気付くことさえありません。フッターが入る前にラッパーを閉じることもできます。

于 2012-10-13T18:27:21.903 に答える
0 
position: absolute;
width: 100%;
 left: 0;

for div＃remainingで問題が解決します。

于 2012-10-13T18:23:46.567 に答える