首页 > 建站教程 > Div+Css >  css全屏,div容器全屏显示正文

css全屏,div容器全屏显示

      今天,我爱模板网在做一个手机站的时候,一个左侧弹出菜单,需要高度全屏,宽度半屏,后面的半透明灰色遮罩高度和宽度都是全屏。这个,一般我都是用js获取屏幕的宽高来解决的。有没有css设置的方法呢。经过查询,我发现css的确可以做到,不用js也可以了。具体方法是:

      1、将您需要全屏的容器,加个浏览器定位:position:fixed(或者position:absolute)。

      2、设置该容器的宽高都是 100%。这样,就能全屏了。

      3、如果页面有其他类容,本容器会在内容的下方显示,请将它的 top值,改成0。

      注:此方法测试到了IE7,皆兼容。

      运行下面的代码,看看效果是不是这样:


提示:您可以先修改部分代码再运行