自动CSS高度

2012-08-13 99 views 0 likes

我的网站页脚有问题。据推测，它是在页面内容之后呈现的，但是当页面的内容小于浏览器的高度时，会很恼人地看到页面中间的内容。自动CSS高度

我正在手动更正此行为，将页脚设置为position:absolute; bottom:0，但这样做会在内容大于浏览器高度时打破页脚。有什么方法可以自动执行此操作？

该内容只是一个div，没有崇尚风格，通常，页脚是position:relative; bottom:0。该网站可以在这里看到：http://vestibulandos.oplex.com.br

谢谢。

来源

2012-08-13 Danniel Magno

回答

看一看http://www.cssstickyfooter.com/

来源

2012-08-13 13:12:14 Nix

哈。好的，先生。 – Rodik 2012-08-13 13:14:16

.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 14:59:59 Ma9ic

但是，如果页脚具有动态高度会怎样，因为登录后会出现更多链接......但无论如何，谢谢。 – 2012-08-14 19:22:02

做一个没有javascript的动态粘性页脚真的很棘手。如果你有一些基于用户是否登录的方式来控制标记，你可以添加一个类到你的标记并相应地改变一些东西。 – Nix 2012-08-18 06:58:12

自动CSS高度

回答

相关问题