html - 高度 :100% is not considered

Question

我想用 div 模拟表格的行为。

我的布局结构分为三列:

div#wrapper {
  width:800px;
  float:left;
  height:100%;
  margin-top:7px;
  text-align:center;
}
div#left {
  width:167px;
  float:left;
  padding-bottom:50px;
  margin-right:3px;
}
div#main {
  width:454px;
  float:left;
}
div#right {
  width:167px;
  float:left;
  margin-left:3px;
}

wrapper是left,main,right三列的容器

div "main"有一个可变的内容，所以在某些情况下会更长，而在其他情况下会很短。当内容不同时，div wrapper 适配也可以，但左右列不适配 wrapper。

P.S 没有 doctype 就没有问题，事实上我将 left, main 和 right 的高度设置为 100% 但是当我插入 transional.dtd 时，不考虑 div 的高度。

如何解决这个问题？

对不起我的英语!!

Answer 1

我同意@Neurofluxation 所以让我们看看我能在 Google 上找到什么:

100% Height Layout Using CSS和 CSS Faux Columns