当前位置: 首页 > 面试题库 >

为div扩展全高

皇甫高阳
2023-03-14
问题内容

有没有一种方法可以使div扩展到最大高度?我也有一个脚注。

这是网页: 网站已删除 。我要说的中间部分是白色div,中间内容具有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%没有用。此外,所有父容器都有高度设置。

这是一般结构

<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>


 类似资料:
  • 保护浏览器不受扩展的缺陷影响 保护浏览器不受扩展的缺陷影响 Adam Barth, Adrienne Porter Felt, Prateek Saxena, and Aaron Boodman EECS Department. University of California, Berkeley. Technical Report No. UCB/EECS-2009-185 摘要 浏览器扩展非常

  • 问题内容: 如您在下面的CSS中所看到的,我想将自己定位在之前。这是因为我当前正在开发的网站也可以在移动设备上工作,该网站应该位于底部,因为它包含了我想要在移动设备内容下方显示的导航。-为什么没有2个母版页?这是在整个HTML中重新定位的仅有2个,因此,此较小更改的2个母版页是一个过大的功能。 HTML: CSS: 具有动态高度,因为不同的子站点可能具有更多或更少的导航项。 我知道绝对定位元素已从

  • 我有一个容器div设置了宽度和高度,溢出设置为自动。在内部,有一个无序列表,其中包含导致div滚动的内容。 问题是列表本身没有扩展到容器div之外。所以当我尝试在列表的右侧添加填充时,它并不能正常工作: CSS 这里有一把小提琴说明了问题。

  • 问题内容: 我有这些嵌套的div,我需要主容器扩展(在高度上)以容纳内部的DIV CSS是这样的: 我的问题是无法拉伸以容纳所有内部div,结果它们一直在后台运行。 考虑到以上情况,如何解决此问题? 问题答案: 您需要在div关闭之前强制输入a 。我可能会将其移入div并将CSS设置为: 更新: 这个问题仍然有相当多的流量,所以我想使用CSS3中称为“弹性框”或“弹性框”的新布局模式,以一种现代的

  • 稳定API 名称 描述 最低版本 alarms 使用 chrome.alarms API 安排代码周期性地或者在将来的指定时间运行。 22 bookmarks 使用 chrome.bookmarks API 创建、组织以及通过其他方式操纵书签。您也可以参见替代页面,通过它您可以创建一个自定义的书签管理器页面。 5 browserAction 使用浏览器按钮可以在 Google Chrome 浏览器

  • 我目前的问题是,我正在用一些小文章制作新闻提要。所有的文章都有相同的类,这就是逻辑。每篇文章的右上角都有一个向下的箭头。 我希望如果人们单击箭头(这是一个. svg文件),内容会展开。容器的高度为78px,如果单击按钮,它应该会展开,因此高度应该是自动的。 我的问题是我不知道用什么语言做什么。jQuery或者我读到的是JS。因为如果我正常点击按钮,这个类的所有内容都会扩展,或者得到自动高度的css