HTML和CSS高度属性

我开始对CSS感到沮丧。任何时候，我认为我已经掌握了它的许多方面之一，我完全被意想不到的行为所抛弃。HTML和CSS高度属性

我一直在尝试做一个粘脚。所以我将身体元素的高度设置为100％，因此它占用了完整的html元素（浏览器窗口）。然后，我将所有内容都包含在除了页脚元素之外的div中，并将此div的高度设置为100％，认为这将占用整个身体高度，并将页脚从屏幕底部推出。然后我可以申请一个负边缘哟提出并修复它在底部。

但是，页脚位于页面底部，不需要负边距。因此，我将高度设置为100％的想法完全抛弃了。这里发生了什么？

来源

2013-03-26 Boon

你能否提供一些代码？ – 2013-03-26 14:57:54

发布您的代码，并在同一时间，看看他们是如何做到这一点http://blog.softlayer.com/2012/tips-and-tricks-pure-css-sticky-footers/ – robasta 2013-03-26 14:58:34

永远不会相信'高度'在css :) – Johan 2013-03-26 15:06:23

HTML

<div class="footer">Content</div>

CSS

body{ 
margin:0; //you need it for the correct bottom margin 
} 

.footer 
{ 
    position: fixed; 
    bottom:0; 
    height:75px; //height of the footer 
    color:white; 
    background-color: black; 
    width:100%; 
    margin:0px; 

}

来源

2013-03-26 16:46:28 Panyi

HTML和CSS高度属性

回答

相关问题