无涯教程网

Css 让 div 扩展全高

发布于12月29日

有什么方法可以让div扩展到完全高度吗？我也有一个黏糊糊的脚印在里面.

这是网页:Website removed.我说的中间部分是白色div，midcontent，它有CSS值:

.midcontent{
     width:85%;
     margin:0 auto;
     padding:10px 20px;
     padding-top:0;
     background-color:#FFF;
     overflow:hidden;
     min-height:100%;
     max-width:968px; 
     height:100%;
}

所以，是的，显然height:100%不起作用.此外，所有父容器都设置了高度.

以下是总体 struct

<body>
    <div id="wrap">
        <div id="main">
            <div class="headout">
                <div class="headimg"></div>
            </div>
            <div class="midcontainer"></div>
        </div>
    </div>
    <div id="footer">
        <div class="footer"></div>
    </div>

推荐答案

您还记得在CSS中设置html和body标签的高度吗？这通常是我让div扩展到完全高度的方式:


<html>
  <head>
    <style type="text/css">

      html,body { height: 100%; margin: 0px; padding: 0px; }
      #full { background: #0f0; height: 100% }

    </style>
  </head>
  <body>
    <div id="full">
    </div>
  </body>
</html>

Css相关问答推荐

隐藏div后缺少div的InnerHTML

Safari CSS扫描动画效果不起作用

如何在JavaFX中设置分隔符的样式？

我找不出Firefox上奇怪的css行为的原因

.NET 8 预览版 6 中不使用新项目模板提供 Blazor CSS 文件

Prettier/VS Code 在 CSS 中的！important 之前添加一个空格，导致它在 WordPress 中崩溃

如何使用来自单独模块的代码将自定义标头插入到使用 DT Shiny 呈现的表中？

Z Index 复杂性 - 如何将组件放置在 div 内部以相对于其级别外部的组件具有更高的 z-index 值？

SCSS - Lighten/Darken 不编译？

在不使用 position： fixed 的情况下从 CSS 网格中的自动布局中免除子元素？

Material UI Modal 因背景而变暗

antd 中的子菜单项不可滚动

CSS如何防止键盘向上移动内容？

元素上的子弹来自哪里？

css显示：表格不显示边框

在响应式设计中指定 HTML 文本中的首选换行点

如何隐藏锚文本而不隐藏锚？

如何在没有填充区域的情况下背景化 div

透明的空心或切出的圆圈

CSS 否定伪类：not() 用于父/祖先元素

实用课程推荐

相关教程推荐