自动CSS高度
我的网站页脚有问题。据推测,它是在页面内容之后呈现的,但是当页面的内容小于浏览器的高度时,会很恼人地看到页面中间的内容。自动CSS高度
我正在手动更正此行为,将页脚设置为position:absolute; bottom:0
,但这样做会在内容大于浏览器高度时打破页脚。有什么方法可以自动执行此操作?
该内容只是一个div,没有崇尚风格,通常,页脚是position:relative; bottom:0
。该网站可以在这里看到:http://vestibulandos.oplex.com.br
谢谢。
.wrapper {
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
/* FOOTER BOTTOM --------------------------------------------------------*/
.footer, .push {
height: 60px; /* .push must be the same height as .footer */
}
#footer{
position: relative;
width: 100%;
height: 60px;
}
但是,如果页脚具有动态高度会怎样,因为登录后会出现更多链接......但无论如何,谢谢。 – 2012-08-14 19:22:02
做一个没有javascript的动态粘性页脚真的很棘手。如果你有一些基于用户是否登录的方式来控制标记,你可以添加一个类到你的标记并相应地改变一些东西。 – Nix 2012-08-18 06:58:12
哈。好的,先生。 – Rodik 2012-08-13 13:14:16