首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

上、中、下三行排列,DIV怎么设置

2012-03-22 
上、中、下三行排列,DIV如何设置?要求如下:1.上:宽100%,高25px中:宽100%,高随页面高度而变化下:宽100%,高50p

上、中、下三行排列,DIV如何设置?
要求如下:
1.上:宽100%,高25px
    中:宽100%,高随页面高度而变化
    下:宽100%,高50px
2.最大化时不能出现滚动条,只有在页面高度小于“上行高+下行高+中行最小高度”后才出现滚动条
3.感谢各位光临

[解决办法]
中行最小高度是什么?
[解决办法]
上下用绝对值,中间用百分比

<html>

<body style= "margin:0px ">

<div style= "background-color:#996666;height:15px ">
123123123123
</div>

<div style= "background-color:#669966;height:85% ">
123123123123 <br />
123123123123 <br />
123123123123 <br />
123123123123 <br />
123123123123 <br />
123123123123 <br />
123123123123 <br />
123123123123 <br />
123123123123 <br />
</div>

<div style= "background-color:#666699;height:50px ">
123123123123
</div>

</body>
</html>
[解决办法]
首先获得当前页面的总高度,然后减掉上下的高度,剩下的就是中间的高
[解决办法]
设置百分比就是为了应对变化的~~~窗口大小变了body的大小就变了~~你的div是在body的第一层,设置100%实际就是整个body的大小,body变了你的div也就变了~~~
[解决办法]
中间那层假如是窗体的80%,那么窗体变小了中间那层会自动变小,小到最小高度~~~
这不正是你想要的吗?

百分比不是固定值啊!
[解决办法]
在footer的style里面加上
clear:both
试试看。
[解决办法]
楼上OK。 CLEAR:TOP;也可以。

热点排行