2013-12-11 35 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; 
    } 

希望这有助于