如何用简单的CSS实现将FOOTER固定在页面底部
3个回答
展开全部
用简单的CSS实现将FOOTER固定在页面底部,我们通常布局的时候都是头部，内容区域，还有底部，一般都是使用三个div，然后id分别设置为header，content，footer，然后在定义每个div的高度，一般来说，header，footer都是公共的，因为高度，内容一般都是固定的，底部的区域，举个例子：
<html>
<head>
<style>
#header{
width:960px; //通过id来控制
height:200px;
}
@content{
width:960px; //通过id来控制
height:auto; //内容区域的高度一般都是auto的
}
#footer{
width:960px; //通过id来控制
height:200px;
}
</style>
</head>
<body>
<div id='header'>
<p>我是头部区域</p>
</div>
<div id='content'>
<p>我是内容区域</p>
</div>
<div id='footer'>
<p>我是低部区域</p>
</div>
</body>
</html>
<html>
<head>
<style>
#header{
width:960px; //通过id来控制
height:200px;
}
@content{
width:960px; //通过id来控制
height:auto; //内容区域的高度一般都是auto的
}
#footer{
width:960px; //通过id来控制
height:200px;
}
</style>
</head>
<body>
<div id='header'>
<p>我是头部区域</p>
</div>
<div id='content'>
<p>我是内容区域</p>
</div>
<div id='footer'>
<p>我是低部区域</p>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
您好，我来为您解答：
今天用了几行CSS代码就简单的解决了这个问题，让底部导航乖乖的呆在了页面底部，并且缩放不会对他的位置有影响。转载，仅供参考。
请看下图：
如果我的回答没能帮助您，请继续追问。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将position属性设置为fixed可以把指定元素固定在屏幕的任意位置（包括底部），你是要达到这种效果？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
