2012-01-15 89 views
0

我有一个容器div,其中div是其他的div的。在那里我使用jQuery .show()来显示内容。div高度不一致

#container { 
    position: absolute; 
    width: 600px; 
    left: 50%; 
    margin-left: -300px; 
    background-color: white; 
    height: 100%; 
} 

#content { 
    font-size: 15; 
    margin: 0 auto 0 auto; 
    width: 550px; 
} 

内容div增长超过容器div长,所以当我向下滚动白色背景停止,离开我,没有白色背景的存在。

这怎么解决?

+0

那么你的HTML代码在哪里?如何链接或演示? – Sparky 2012-01-15 16:19:36

+0

请尝试使用'min-height:100%'代替。如果没有演示,很难知道实际问题是什么。尝试在[JSFiddle](http://jsfiddle.net)中重现该错误,然后将其链接到您的问题中。 – 2012-01-15 16:49:18

+1

当HTML丢失时,实际上不可能知道如何提供帮助。 – Sparky 2012-01-15 17:08:26

回答

-1

在内容末尾添加一个额外的div,并清除:例如,

<div style="clear:both"></div> 

戴夫

+0

这有什么好处?我没有看到OP代码中的任何浮点数。 – Sparky 2012-01-15 16:20:55

+0

它不会添加明确的伤害:两者。 除非您完全需要容器中的高度,否则会将div高度自动设置为内容的高度(刚刚测试过)。 Dave – detheridge02 2012-01-15 16:38:32

+0

** 1。**它没有回答这个问题,** 2。**'clear'只用于** [用于清除花车和其他东西](http://www.w3。组织/ TR/CSS2/visuren.html#流量控制)。由于无知而添加多余的代码只会使编码习惯不佳。 – Sparky 2012-01-15 16:49:08

0

http://jsfiddle.net/K6PAn/8/

我认为这将是您的答案,将填充添加到顶部和底部总是会让所示的白色。

希望这有助于,如果它不是正确的答案,对不起! D:

+0

当OP未能提供任何他的实际HTML代码时,你不可能知道这个问题的答案。 – Sparky 2012-01-15 18:10:32

+0

他说其中一个,所以我把容器中的内容作为一个假设 – obkso 2012-01-15 18:18:56