当前位置:  编程技术>WEB前端

跨浏览器的实践:position:fixed 层的固定定位

    来源: 互联网  发布时间:2014-10-04

    本文导语:  看示例吧: 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; } HTML示例: ...

看示例吧:

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;
}

HTML示例:

Demo
只要内容大于一屏的高度就行

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

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

    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript实现DIV居中,兼容各浏览器版本
  • Android 图片浏览器 雪梦图片浏览器
  • 最新谷歌浏览器(google chrome)官方正式稳定版下载(2014版_2015版谷歌浏览器下载)
  • 使用php检测用户当前使用的浏览器是否为IE浏览器
  • 设置sharepoint 2010文档库中的 pdf文件在浏览器中访问的打开方式
  • 如何防止按浏览器右上角的"x" 来关闭浏览器
  • IE(Internet Explorer)浏览器中启用cookie的步骤
  • 用浏览器看applet,总是只能看到修改前的applet,关了浏览器,再开,还是只能看到修改前的,难道真的要重启机子?太夸张了
  • 微软浏览器IE 11(InternetExplorer 11)简体中文预览版介绍及下载地址
  • 菜鸟用tomcat3.2,在他的root目录下建立了一个test1.jsp.用浏览器显示正常,但我后来删掉了,可用浏览器还可以看到test1.jsp,这是怎么回事
  • php5中当浏览器禁用cookie时保持会话session的方法
  • 我的IE浏览器崩溃,怎么办?(不能浏览了!)急。。。。。
  • 浏览器不能浏览JAVA2写的Applet,那里可有升级包?
  • 新手请教一段javascript代码,如何设置浏览者浏览器的字体?
  • 如何在red hat的网页浏览器中浏览使用ipv6协议的网页?
  • 第一天接触LINUX,我的LINUX自带的网景浏览器为何浏览网页的时候问题如此多呢???
  • 我的小应用程序在JCREATOR的Appletviewer里可以浏览但是不能在浏览器里运行这是为什么
  • PHP的浏览器检测库 Detector
  • 用3G无线上网卡上网必须用sudo运行浏览器才能浏览网页!
  • 糖果浏览器 TangoBrowser
  • 请教如何使用Java编写的Applet程序关闭浏览器??


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3