css - 3 个并排的 div，带标题的全高 (210x110x*)

Question

我一直在自责太久，无法弄清楚这个问题。是时候放弃了，问问是否有人已经有代码，他们可以提供给我，让我做我想要做的事。

我不想要也不需要这种设计的页脚。

所有三列都需要全高。

Answer 1

我认为，如果您只 float 前两列，然后将第三列的宽度设置为 auto(默认值)，它会起作用:

body {
  padding:0;
  margin:0;
}
#header {
  height:40px;
  background-color:blue;
}
#column-1 {
  width:210px;
  height:100%;
  background-color:red;
  float:left;
}
#column-2 {
  width:110px;
  height:100%;
  background-color:green;
  float:left;
}
#column-3 {
  height:100%;
  background-color:gray;
}

<div id="header"></div>
<div id="column-1"></div>
<div id="column-2"></div>
<div id="column-3"></div>