位置: 编程技术 - 正文
看示例吧: <style type="text/css"> body{ margin:0; padding:px 0 0 0; } div#menu{ position:absolute; top:0; left:0; width:%; height:px; background-color:#ddd; } @media screen{ body>div#menu{ position:fixed; } } * html body{ overflow:hidden; } * html div#content{ height:%; overflow:auto; } </style> HTML示例: Demo Mozilla Opera Netscape Firefox IE6 Windows Style CSS 只要内容大于一屏的高度就行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]你删除第一行注释看看效果如何?
推荐整理分享跨浏览器的实践:position:fixed 层的固定定位(跨浏览器跨终端的前端开发),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:什么是跨浏览器开发,跨浏览器跨终端的开发,跨浏览器插件解决方案,什么是跨浏览器开发,跨浏览器问题,什么是跨浏览器开发,跨浏览器的实践报告,跨浏览器的实践目的,内容如对您有帮助,希望把文章链接给更多的朋友!
标准布局常见问题及解决办法 CSS2.0盒模型层次平面示意图和3D示意图3像素问题及解决办法当使用float浮动容器后,在IE6下会产生3px的空隙,有意思的是右侧容器没设置高度时3px在右
CSS之少用继承,多用组合 下面是一段普通的代码:css:.box{border:1pxsolid#ccc;font-size:px;background:#f1f1f1;padding:px;}html:divclass="box"thisisagraybox/div但是这个时候需求增加了,在页面中不
css美化input file按钮的代码方法 inputfile在系统默认下的外观:我们最多通过定义input的border来改变系统默认的外观:如果要让浏览按钮更漂亮一点,我们想定义它的背景颜色,甚至想用
标签: 跨浏览器跨终端的前端开发
本文链接地址:https://www.jiuchutong.com/biancheng/375217.html 转载请保留说明!下一篇:标准布局常见问题及解决办法(常用标准化布局标签有哪些?)
友情链接: 武汉网站建设