用 CSS 模拟的frame 框架效果[转]

2006-12-21 11:52:10

[code]<style> div#a {position:absolute;bottom:0px;width:700px;height:100px;background:red;} body>div#a {position:fixed;} </style> <!--[if IE]> <style> body { margin:0;overflow:hidden;height:100%;} div#content {padding-bottom:100px;overflow: auto;height:100%;} </style> <![endif]--> </head> <body> <div id="content"> <br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2<br />1<br />1<br />2 </div> <div id="a"></div> </body> [/code] 其实就是 position:absolute;position:fixed; 使红色部分位置“绝对固定”。由于ie不认识 fixed,所以只好隐去body 默认的滚动条,拿 div#content 的滚动条来替代。div#content 的高度为上下撑满,而且留足够的空间给 div#a 显示(省得压住一部分内容拉不出来)。 原文在 [url=http://www.456bereastreet.com/lab/cssframes/]cssframes[/url]