Css 高度，最小高度不工作_Css_Height_Twitter Bootstrap 3

Css 高度，最小高度不工作

css twitter-bootstrap-3

Css 高度，最小高度不工作,css,height,twitter-bootstrap-3,Css,Height,Twitter Bootstrap 3,我试图使容器中的2div（来自Twitter Bootstrap）的最大高度为100%。我创建了一个演示，但不知为什么它没有显示我想要的两个div都是浮动的。因此我使用了class=“clearfix”。但这也不起作用。我错过了什么编辑你在小提琴上看不到的是，html和body在我的应用程序中已经设置为100%高度编辑子div超出了它的父div，这就是它不断失败的原因。 jsiddle已经更新。任何人都可以查看它？要使嵌套的块级元素占据100%的高度，即使其中没有任何内容，也需要添加

我试图使容器中的2

div

（来自Twitter Bootstrap）的最大高度为100%。我创建了一个演示，但不知为什么它没有显示我想要的

两个

div

都是浮动的。因此我使用了

class=“clearfix”

。但这也不起作用。我错过了什么

编辑你在小提琴上看不到的是，

html

和

body

在我的应用程序中已经设置为100%高度

编辑子

div

超出了它的父

div

，这就是它不断失败的原因。

jsiddle已经更新。任何人都可以查看它？

要使嵌套的块级元素占据100%的高度，即使其中没有任何内容，也需要添加

高度：100%编码到有问题的元素和其所有父元素（包括html和body）。看这个
给div一个高度就可以了，但是因为里面没有内容，html和body元素不会相应地拉伸
HTML:
<html>
  <body>
    <div class=container>
      <div class=stretch-this>
      </div>
    </div>
  </body>
</html>

.stretch-this {
  background-color: khaki;
}

html,
body,
.container,
.stretch-this {
  height:100%;
}

正文和html设置为100%高度。忘了提那件事了。但在我的容器分区中，我有两个分区，两个分区都必须达到100%的高度。虽然很尴尬，但投掷height:100%在它们上工作。您在.wrap和.container类中都缺少高度声明-至少在fiddle中是这样。如果你添加它们并测试它，它会工作。按照你说的做，它似乎工作。然而，我有一个页脚div
就在换行div
的正下方，需要60px。现在页脚div
被换行div
溢出。我怎样才能避免这种情况？JSFIDLE在我的问题中更新了。如果您正确地清除了浮动的div，或者添加了clear:both
到页脚，页脚将位于div的正下方。clearfix
来自TB的内容似乎总是被某些内容推翻。它被删除了。设置清除：在页脚css类中，两者都不起作用；（在你的JSFIDLE中是错误的边框声明..boxB有以下内容：边框颜色：边框：实心1px红色；
。你是对的，忽略了它。现在修复了。现在你仍然有边框：边框：实心1px红色；
。你看到错误了吗？；）好了，你的小提琴还有更多的问题。您正在选择一个ID#wrap
，但实际上您必须选择您的类。wrap
。如果你能删除小提琴中所有不必要的规则，那将是一个很大的帮助。这是一个快速复制/粘贴错误。它实际上是一个身份证，已经修好了。删除了一些规则。