我写过如下结构的网页,所有内容都在里面 <div id="wrapper">
.
问题1:如果网页只有几行(或比垂直分辨率短),如何确保左/右阴影可以从上到下显示?
问题2:如果网页只有几行,如何将页脚放在页面底部和左/右阴影内?
如果只更改 CSS,我们将不胜感激。谢谢~
从这里对此
<html>
<head>
<style>
body {
margin:0px;
padding:0px;
}
#mainWrapper {
width:980px;
margin:0 auto;
box-shadow:0 0 10px #999;
}
#wrapper {
width:960px;
margin:0px auto 0px auto;
padding:0px 0px 10px 0px;
background:#fff;
}
#pageFooter {
position:fixed;
left:0px;
bottom:0px;
height:30px;
width:100%;
background:#999;
}
</style>
</head>
<body>
<div id="mainWrapper">
<div id="wrapper">
ContentContentContent
<div id="pageFooter">
FooterFooterFooter
</div>
</div>
</div>
</body>
</html>
最佳答案
#pageFooter {
position:fixed;
left:0px;
bottom:0px;
height:30px;
width:100%;
background:#999;
}
/* IE 6 */
* html #pageFooter {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
来自 Chris Coyer 的 CSSTricks
关于html - CSS:确保页脚位于页面底部和阴影内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22879606/