css - 也没有出现在另一个 div 中

Question

基本上我有一个 div，在那个 div 里面是一个包装器和另外两个 div，一个向左浮动，一个向右浮动。

这是它的样子:http://puu.sh/Va3J

当您查看代码(如下所列)时，您会注意到 .register-form 和 .login-form 都在 #info 中，但由于某些原因它们没有以这种方式出现

这是代码:http://jsfiddle.net/x8KaA/ (请注意，我只将代码放在 jsFiddle 中，因为它是一大块代码，结果框中的结果并不是它实际看起来的样子)

非常感谢。

Answer 1

当您使元素 float 时，它们不会影响父元素的大小。您可以使用 overflow 样式来包含元素，通过设置 overflow 并且不指定元素的高度，它将包含其子元素:

#info { overflow: hidden; }