2013-12-11 36 views
0

嗨,這是我第一次在這個頁面上。兒童div不佔用父div裏面的空間

讓我們直接去吧,我有一個網站http://harrimanpcrepair.com/index.php,當你看到像螢火蟲一樣的頁腳,你可以看到div頁腳本身,而不是孩子沒有顯示具體導致它沒有高度。此外,包括三個孩子在內的整個頁腳區域都不是我的頁面div的一部分。有沒有辦法解決這個問題,沒有黑客或任何請。上次我使用溢出來解決這個問題時,它在我的聯繫頁面上導致了一些問題。我一直在尋找和看到所有的黑客來解決這個問題,我真的不是想要得到我想要的東西,而是要做到這一點,它是如何完成的,沒有任何隱藏的缺陷隱藏在你身上。

<div id="footer"> 

    <div id="footerLeft">&nbsp;</div> 

    <div id="footerMiddle">Designed by Shawn Harriman</div> 

    <div id="footerRight">&nbsp;</div> 

</div> 

我雖然現在決定正義的力量沒有意識到的高度,如果我做的工作,雖然我討厭知道的大小並不影響父母,但我不」真的需要它因實際上我不喜歡雙排腳踢。很少有我會擁有一個,所以我現在擁有它的方式現在應該工作。希望聽到人們不得不說的東西和其他解決方案,但我仍然希望用更好的方式解決這個問題

編輯:我沒有覺得在這個CSS是非常必要的,但他們是在頁腳內浮動div。他們都漂浮,而他們的腳本本身是明確的:兩者。擁有3確實可以用於以後的目的。

+2

請提供代碼樣本而不是請求人訪問你的頁面。使用最新的歌劇,我可以看到你的名字在頁腳,中間格。使其更高的最簡潔的方法是添加內容,div會一直增長。也可以強制孩子的CSS高度參數強制周圍的div一起增長。 – Neograph734

+0

嗯,原諒我,由於浮動元素,父div沒有高度。你需要一個名爲clearfix的技巧:http://www.webtoolkit.info/css-clearfix.html – Neograph734

+0

Dude,發佈一些CSS,因爲你的帖子告訴我什麼你想做什麼。 – beautifulcoder

回答

0

嘗試下面的CSS的頁腳中的main.css

#footer { 
    position:fixed; 
    text-align:center; 
    width:100%; 
    height:20px; 
    padding:5px; 
    bottom:0px; 
    } 

希望這有助於