如何用css动态控制footer的位置

答案:4 悬赏:0 手机版

解决时间 2021-04-04 16:13

提问者网友：孤山下
2021-04-04 11:18

比如我要在每个页面下加一个footer，内容就是"copyright...."之类，做在masterpage里面。
我不知道的就是如何动态控制footer的位置，比如上面的内容有1000px，就显示在top: 1050px处，800px就显示在top: 850px处，请问怎么做？

最佳答案

五星知识达人网友：笑迎怀羞
2021-04-04 11:26

用css动态控制footer的位置，我们可以去换个思路，只要给内容区域的高度有变化，我们将footer公共出来给各个文件调用，然后给每个页面的content区域一个不定长的高度，就解决了，如height：auto；这里通过代码来理解：
<html>
32313133353236313431303231363533e59b9ee7ad9431333337393030<head>
<style>
.headr{
width:900px;
height:30px;
background:#f00 //设置颜色为红色
}

.content{
width:900px;
height:auto; //给content的高度为auto，这样我们在每个页面中foote的位置就是变化的。
background:#0f0 //设置颜色为绿色
}

.footer{
width:900px;
height:200px;
background:#000
}

</head>
<body>
<div class="headr" > //页头
</div>

<div class="content" > //页面
</div>
<div class="footer" > //页尾
</div>
</body>
</html>

全部回答

1楼网友：舍身薄凉客
2021-04-04 14:05

foot的margin_top:50px

2楼网友：你哪知我潦倒为你
2021-04-04 12:48

设置margin-top :50px;

3楼网友：天凉才是好个秋
2021-04-04 12:42

你是放在最下面那就很好办啊，只要放在每个页面的最下面就可以了。你可以这样写css： .footer{ width:1000px; <script> var main=document.getElementById("main").scrollHeight; var loc = document.getElementById('footer'); loc.style.top = main+100+'px'; </script> 答案补充还有footer的样式position:absolute;

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！