与绝对定位

页置顶页脚你们有些人可能知道我从这个问题：Sticky Footer (not sticking!)与绝对定位

感谢安德烈·伊里奇的指出，为什么我的页脚没有坚持到页面底部的 - 因为我的网站使用绝对定位在整个。

所以，我尝试使用浮动等，以便我的元素留在文档流中，以便页脚知道去哪里，但是我根本无法做到 - 由于我需要的正确性，我只是无法放弃绝对定位！

所以 - 任何人都可以帮助我找到一种方法，让底部粘到底部（我提到我也有一些动态内容？），并保持我的定位，或保持我的简单方法文档流中的元素，但具有绝对定位的精度。

这是我的网站：http://mc-airlines.hostei.com/

我会发布我的源代码，但它的长，几乎无关紧要的问题，所以如果可能的话，你可以只使用浏览器的查看源代码的功能。

在此先感谢！

新手编码器不知道该怎么办。

来源

2012-03-08 mlazim14

强烈建议您查看绝对位置。没有它们，你的页面设计就会顺利进行。 – 2012-03-08 16:15:12

这将使其工作：

#container { 
    min-height: 100%; /* ERASE THIS*/ 
} 

.clearfooter{ 
/*ADD THIS*/ 
position: fixed; 
bottom: 0; 
z-index: 9999; 
/*ERASE THIS*/ 
clear:both; 
}

我会强烈建议你重新写你的CSS。一切都是绝对的立场，这是相当混乱。

顺便说一句，这是不propieties：

position: float; 
float: bottom;

position花费>absolute/fixed/static/relative。

float以>left/right/none。

更多here和here。

来源

2012-03-08 16:11:51 Maroshii

感谢您的有用答复 - 但是，我希望页脚粘贴到页面的底部，而不是浏览器窗口。哦，哎呀 - 我知道它们不是属性 - 忘了把它们从我的代码中拿出来！ – mlazim14 2012-03-10 14:31:18

这是粘脚的两个非常好的选择。第二个环节通常我去到：

让我知道你是否需要实施帮助。我希望这有帮助。

来源

2012-03-08 16:15:07 Hristo

感谢您的答复 - 但是我已经尝试过两种技术，都没有工作 - 就像我在第一篇文章中所说的，我想这是关于我的网站如何在整个过程中使用绝对定位，并且因为几乎没有任何东西在文件流，页脚不知道去哪里... – mlazim14 2012-03-10 14:34:29

对...这就是为什么你必须改变你的造型，并重新使用这些技术 – Hristo 2012-03-10 18:12:33

回答

相关问题