2012-01-15 62 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