DIV+CSS页面版权底部怎么贴着浏览器啊?

发布网友发布时间：2022-05-01 22:57

共5个回答

热心网友时间：2022-04-20 23:39

DIV+CSS页面版权底部贴着浏览器,首先我们需要设置好一个适当的高度和宽度，网页布局中一般是分成3个部分，header，content，footer，一般header和footer的高度都是确定的，所以想要让版权贴着浏览器，只需要将content的区域的高度设置好就行，如一个高度是800的页面，头部和底部就是150，那么给content区域一个500就可以实现这个效果，具体看下代码:
<html>
<head>
<style>
body{
width:960px; //限定网页的宽度
margin:0 auto;
boreder:1px solid #f00 //加个边框利于观察
}

#header{
height:150px;
width:960px;
}

#content{
height:500px;
width:960px;
}
#footer{
height:150px;
width:960px;
}
</style>
</head>
<body>
<div id='headr'>
<p>我是头部区域</p>
</div>
<div id='content'>
<p>我是内容部区域</p>
</div>
<div id='footer'>
<p>我是底部区域</p>
</div>
</body>
</html>

热心网友时间：2022-04-21 00:57

这个首先要看你的代码结构，然后用js计算除去页脚的其他元素的总高度，如果高度大于窗口高度-页脚版权高度，不变，如果小于窗口高度-页脚高度，使用css position:absolute;bottom:0将页脚版权固定到窗口底部

热心网友时间：2022-04-21 02:31

你既然知道DIV+css 就应该知道是可以设置负值的
想让它自动收缩就设置一个最小高追问最小高?偶设置margin-bottom:0px;不行偶刚学会的
怎么办啊

追答你这个是这个DIV距离另一个DIV的底部间距
举个列子
中间的div 设置好
min-height:200px;_heigth:200px; 这是设置自动收缩，最小高必须大于等于高,我一般把两个高设置成一样的

底部div
margin-top:0px 懂了吗这是距离中间的那个DIV的顶部间距
这样还不行的话就设置成
margin-top:-20px 这样成负值，到底是多少你就自己调一下

热心网友时间：2022-04-21 04:23

最简单的就是把margin-top增大

热心网友时间：2022-04-21 06:31

position:fixed；bottom:0;