html - CSS float Div 和页脚？

Question

我有这个:

如您所见，顶部有两个 float div，底部有一个实心 div。但是实心 div(页脚)隐藏在两个 float div 之下。

我怎样才能让它停留在两个 float div 的下面，而不是像在 imgur 上那样在它们里面？

.left {
  float:left;
  width:300px;
}
.right {
  float:right;
  width:300px;
}
.footer {
  width:600px;
}

Answer 1

将 clear:both; 添加到页脚规则。

.footer {
  width:600px;
  clear:both;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/clear