Chrome中的CSS bug

时间:2012-01-09 01:11:41

标签: html css google-chrome browser

在网站上http://thornhillss.ca/pages.php?id=7页脚在每个浏览器中都很好看。然而在铬合金中,它并没有触及框架的底部。这是为什么。它应该是一个简单的修复,但我不知道为什么它不会工作。

*它应该坚持我的div的底部。不是我的页面。

3 个答案:

答案 0 :(得分:1)

这是因为id为“main2”的div未设置为使用右侧浮动div进行扩展。默认情况下div不会扩展以适应浮动的子元素,因此你需要告诉它隐藏溢出(只要你不给它一个固定的高度,它就会告诉它扩展以适应所有的子元素): / p>

#main2 {
   width: 860px;
   margin-top: 15px;
   margin-left: 20px;
   margin-right: 20px;
   position: relative;
   overflow:hidden;
}

答案 1 :(得分:1)

你是p.clear类有一个余地,因为你没有使用重置。

如果你在.clear样式中添加margin:0,则边距会消失,并显示你想要的样子。

答案 2 :(得分:0)

这是你正在寻找的工作,并且很棒sticky footer