关于创建每部分和当前窗口一样大小的简单页面

本布局适用于简单的界面.
分别给每一个容器div向上追溯,分别添加height:100%的属性.
例如:html{height:100%}
body{height:100%}
wrap{height:100%}
div.head{height:100%}
div.content{height:100%}
div.foot{height:100%}

当然也可以用js实现
document.doucumentElement.clientHeight
获取当前window的高度,在设置给每一个div.
(ie不支持)

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript
    一、JS前言 （1）认识JS 也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HT...
    凛0_0阅读 2,816评论 0赞 8
  • JS 各种宽高的理解
    Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,275评论 0赞 5
  • js的offset、client、scroll使用方法
    javascript的offset、client、scroll在使用过程中非常频繁，接下来将对此进行一一介绍，需要...
    呱呱呱呱侬阅读 1,052评论 0赞 0
  • 独自旅行
    由于自己机票买的比较晚，而又早早地结束了考试，突发奇想，要不去哈尔滨吧！说走就走，马上上网订票。走！！！ ...
    尤尤jyp阅读 165评论 0赞 1
  • 20160611庸人日记
    家庭 老年 嘈杂 抱怨 我是不是过于冷血 我是不是过于自我 每每听到妈妈对杭州的热爱 我似乎并不那么喜欢 是儿时记...
    角落蜷缩阅读 167评论 0赞 0