Html页脚声明,HTML创建与页脚和页眉和内容
动态页⾯，以便与帮助，到⽬前为⽌，我有这样的：HTML创建与页脚和页眉和内容
当含量⼤，那么所有显⽰为需要 - 性感。但是，当内容是例如1⾏footer offcourse坚持内容的底部。
我需要⼀些魔⼒，以便页脚粘贴到内容的结尾，但是当内容⼩于页⾯⾼度时-500像素(页眉和页脚固定)⽐页脚必须保留在页⾯的底部。如何做这样的魔术？见所附图⽚：
CSS：
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
width: 100%;
}
body{
}
.header{
width: 100%;
height: 300px;
padding-top: 30px;
background-color: gold;
}
#content{
box sizing
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: yellow;
}
#footer{
width: 100%;
height: 100px;
position: relative;
z-index: 1;
background-color: orange;
}
例⼦：
从截图数1我们可以看到，我们的头(300px的边距30px)，动态⼤⼩的内容(从来不知道)，但对于这个例⼦，假设200px和
footer(100px)适合&(窗⼝).height()，在这个例⼦中是775px。
因此，我们必须775-330-200-100 = 145px免费尺⼨(⽩⾊空格)
我要实现从1到可能：
1)内容将采取⾃由空间⼤⼩，因此html，body等仍然保持775px，并且没有溢出(正确⼤⼩的滚动条)，因为组件符合要求，所以我们不需要⽐我们更多的空间。
2)页脚将⾃⼰定位在底部(不是位置予以确定在页⾯上，因为这样的内容将它背后隐藏)
这⾥是准备2张图⽚
1)
2)
2014-04-02
Cheese
+0
+0
不是重复的，因为在那例如，如果内容为空，则仍然存在溢出 –

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。