PHP包含和CSS-為包含頁面設置背景

Question

我正在建立一個網站，我在其中使用PHP包含頁眉和頁腳。 頁腳的放置是動態的，基於頁面的高度。 因此，有時頁腳位於瀏覽器頁面上的3/4處，底部有很大的空白。 我的頁腳容器的背景是純色（＃333）。

有沒有一種方法可以設置此項，並且只有此頁面具有背景色？

我試圖在頁腳頁面上包括背景色css代碼，但它適用於整個頁面，而不僅是作為include的一部分加載的頁腳頁面。

還是有CSS技巧將頁腳容器div的高度設置為等於頁面加載時瀏覽器窗口的剩余高度？ 那可能是最好的方法...

幫助將不勝感激！

Answer 1

嘗試

index.php

<div style="backgroun-color:red;">
    <?php
        include('footer.php')
    ?>
</div>

footer.php

<p>Hello</p>

Answer 2

不，您必須使用javascript制作具有動態高度的粘性頁腳。 CSS無法適應這些更改（媒體查詢除外，但這會很快變得混亂）。

工作演示

因此，基本上，您設置了傳統的粘性頁腳（使用推動）。 然后，將頁腳的高度應用於推入，並作為自動換行的負底邊距。

為了使這項工作有效，必須將所提供結構之外的所有具有高度的元素添加到jQuery方程中。

最后， if (contentH < adjustedHeight)使它成為內容已經將頁面拉伸到超出屏幕高度的位置，則不會觸發。

編碼愉快！

Answer 3

我做了一些研究，發現了我想要的CSS“技巧”。 我基本上設置了一個幻覺，並修改了CSS以及CSS處理背景顏色樣式的方式。

http://jsfiddle.net/fXf4K/

<body>
    <section id="container">
    <header>This is your header</header>
    <section id="main">This is #main</section>
    <footer>This is your footer</footer>
    </section>
</body>

---------

body {background:#999;}
#container {background:#ff0;width:100%;}
header {}
#main {}
footer {background:#999;}

PHP包含和CSS-為包含頁面設置背景

問題描述

3 個解決方案

解決方案1
0 2013-03-09 04:34:39

解決方案2
0 2013-03-09 04:44:08

解決方案3
0 已采納 2013-03-09 14:31:52

PHP包含和CSS-為包含頁面設置背景

問題描述

3 個解決方案

解決方案1 0 2013-03-09 04:34:39

解決方案2 0 2013-03-09 04:44:08

解決方案3 0 已采納 2013-03-09 14:31:52

解決方案1
0 2013-03-09 04:34:39

解決方案2
0 2013-03-09 04:44:08

解決方案3
0 已采納 2013-03-09 14:31:52