html - コンテンツ領域がネストされた固定フッター

Question

スティッキーフッターを実装しています。私は実際に「スティッキー」なものを機能させています。しかし今、画面全体にまたがる内部の「コンテンツボックス」divを追加したいと考えています。

こちらのページをご参照ください。

白い領域をシアンの領域と同じ高さにするには何が必要ですか?

Answer 1

この設定では無理です

ただし、ボディまたは親コンテナーに高さ 1 ピクセルの背景画像を適用してbackground-repeat:repeat-y;、div の白い背景.content-box(左右の境界線を含む) をシミュレートすることができます。

追加

background:url(simulatewhitecontainer.png) repeat-y center top;

に div.main

そして取り除く

border-right: 1px solid #B0B0B0;
border-left: 1px solid #B0B0B0;

からdiv.content-box

更新: このフィドルを確認してください: http://jsfiddle.net/gqSau/例については

Answer 2

using the following css for the content

.content {
padding: 0px;
position: absolute;
bottom: 50px;
top: 70px;
right: 0px;
left: 0px;
}