当他们假设<div>时,<div>没有出现在另一个div中

时间:2012-08-14 07:05:41

标签: css html

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

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

当您查看代码(下面列出)时,您会注意到.register-form和.login-form都在#info中,但由于某种原因它们不会出现这种情况

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

非常感谢。

2 个答案:

答案 0 :(得分:2)

当您使元素浮动时,它们不会影响父元素的大小。您可以使用overflow样式来包含元素,通过设置溢出而不指定元素的高度,它将包含其子元素:

#info { overflow: hidden; }

答案 1 :(得分:0)

这个问题一般是已知的,并且修复了具有clearfix:

的crossbrowser

css clearfix