您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

让div占据100%的身高,减去固定高度的页眉和页脚

让div占据100%的身高,减去固定高度的页眉和页脚

这个版本将在所有最新的浏览器工作,IE8,如果你有Modernizr的脚本(如果不只是改变headerfooterdivS):

html,

body {

  min-height: 100%;

  padding: 0;

  margin: 0;

}



#wrapper {

  padding: 50px 0;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



#content {

  min-height: 100%;

  background-color: green;

}



header {

  margin-top: -50px;

  height: 50px;

  background-color: red;

}



footer {

  margin-bottom: -50px;

  height: 50px;

  background-color: red;

}



p {

  margin: 0;

  padding: 0 0 1em 0;

}


<div id="wrapper">

  <header>dfs</header>

  <div id="content">

  </div>

  <footer>sdf</footer>

</div>
其他 2022/1/1 18:22:06 有579人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶