跨浏览器的实践:position:fixed 层的固定定位_ Div+Css教程-查字典教程网
跨浏览器的实践:position:fixed 层的固定定位
跨浏览器的实践:position:fixed 层的固定定位
发布时间:2016-12-29 来源:查字典编辑
摘要:看示例吧:body{margin:0;padding:30px000;}div#menu{position:absolute;top:0;l...

看示例吧:

<style type="text/css">

body{

margin:0;

padding:30px 0 0 0;

}

div#menu{

position:absolute; top:0;

left:0;

width:100%;

height:30px;

background-color:#ddd;

}

@media screen{

body>div#menu{

position:fixed;

}

}

* html body{

overflow:hidden;

}

* html div#content{

height:100%;

overflow:auto;

}

</style>

HTML示例:

Demo Mozilla Opera Netscape Firefox IE6 Windows Style CSS 只要内容大于一屏的高度就行

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

你删除第一行注释看看效果如何?

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类