position:fixed -------> IE6

最新推荐文章于 2025-11-25 15:30:00 发布

转载最新推荐文章于 2025-11-25 15:30:00 发布 · 733 阅读

文章标签：

#ie #html #xhtml #javascript

HTML CSS 专栏收录该内容

29 篇文章

订阅专栏

本文展示了一个简单的HTML页面布局案例，该案例旨在测试在IE6浏览器中使用fixed定位的效果。通过固定左侧栏并使内容区相对定位，验证了即使在IE6下也能正常显示absolute定位元素。

http://bbs.blueidea.com/thread-2930592-1-1.html 见26楼！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">*{padding:0;margin:0;} html,body{ _height:100%; _overflow:hidden; } #left{ position:fixed; _position:absolute; z-index:1000; width:50px; height:200px; background:#eee; left:0px; } #content{background:#ccc;_height:100%;_overflow:auto; position:relative; padding:0 50px; }</style> </head> <body> <div id="left">fixed</div> <div id="content"> <mce:script language="javascript"></mce:script> <div style="position:absolute; top:50px;right:10px;text-align:right;border:1px solid #aaa;"> 123<br /> 123<br />在ie6下，这里也可以正常表现出absolute的效果 </div> </div> </body> </html>