怎么用DIV+CSS定义网页版权区域

怎么用DIV+CSS定义网页版权区域啊,在主页上面,我用DIV+CSS定义了各个模块的固定高度、宽度。这样底部版权出就好做了,也可以用固定的,可是在文章显示页面,不同的文章长度不一样,那么高度也就不一样了,我设置的top:auto;,可是这样一来,我的底部版权怎么设置啊,怎么能随着文章显示块自动调整高度呢?谢谢了各位大侠,说明我是以body为一个最外层的盒子

DIV+CSS定义网页版权区域,我们通常布局的时候都是头部,内容区域,还有底部,一般都是使用三个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>
<p>版权信息</p>
</div>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2011-09-01
大概理解了以你的意思,可以用min-height来设置最小高度 但是火狐等浏览器可能不支持这个属性。所以你也可以用js来控制div的高度。如果复杂的话 还可以用一种内外边距的方法设置div的高度。绝对定位也可以试一下本回答被提问者采纳
第2个回答  推荐于2018-03-19
这个首先要看你的代码结构,然后用js计算除去页脚的其他元素的总高度,如果高度大于窗口高度-页脚版权高度,不变,如果小于窗口高度-页脚高度,使用css position:absolute;bottom:0将页脚版权固定到窗口底部本回答被网友采纳
第3个回答  2018-03-17
你做这个东西本身就有问题。我简单做一个比喻,我整体只有三个区域
顶部的 导航 top
内容 center
底部的尾页 footer
每一个都是一个DIV,宽度100%,float:left,display:block 这样就不会重叠
然后你再往里添加东西。这样就不会发生错位变形了。
第4个回答  2011-09-01
一般来说底部版权本来就是应该随着内容而自动调整高度的。
你的代码里面有top:auto; 想问下,你是用绝对定位布局的么?然后使用top规定每个版块距顶部的高度?
如果用绝对定位,是一定会出现你这种情况的,并且你的这种布局思想是错误的。
没看到代码,不敢确信,只是猜测,最好还是把部分css样式粘出来看看。要不然只用猜的可不准哦。
相似回答