2012-05-07 77 views
1

我有一個div的以下css代碼,我想有一個最小高度,然後根據需要增加高度。我不知道爲什麼,但CSS不工作在任何瀏覽器!我試圖谷歌的答案,但還沒有能夠!min-height div無法正常工作CSS

任何幫助將非常感謝!

.container { 
width: 1024px; 
margin-right: auto; 
margin-left: auto; 
left: auto; 
right: auto; 
background-color: #FFFFFF; 
box-shadow: 0 1px 3px rgba(34,25,25,0.4); 
-webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4); 
moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); 
background-repeat: repeat-y; 
height: auto !important; 
height: 1024px; 
min-height: 1024px; 

border-bottom-width: 2px; 
border-bottom-style: solid; 
border-bottom-color: #999; 
padding-bottom:60px; 
position:relative; 
} 

的div容器應在這個div增加的,當數據被輸入到MySQL表,然後顯示這個div內的高度的增加成長:

.udis { 
float: left; 
height: auto; 
width: 680px; 
position: relative; 
box-shadow: 0 1px 3px rgba(34,25,25,0.4); 
-webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4); 
moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); 
margin-left:10px; 
min-height:620px; 
height:auto!important; 
height:620px; 
} 
+0

你究竟想達到什麼目的?看看你的CSS,高度總是*至少爲1024px,並且會隨着額外的內容而擴展。由於您的溢出設置爲可見(默認情況下),如果內容擴展超過它(背景停在高度,但內容繼續),您的'height:1024px'會[部分]忽略。 – animuson

+0

我剛剛更新了我的問題,更清楚地描述了情況!請給它一看@animuson – user1373168

+0

你能提供一些HTML代碼嗎? – gernberg

回答

1

儘量去除行:

height: 1024px; 
+0

這沒有奏效,仍然高度卡在那裏! – user1373168

+0

我剛剛更新了我的問題,更清楚地描述了情況!請看看@gernberg – user1373168

1

您應該從CSS中刪除height屬性

width: 1024px; 
margin-right: auto; 
margin-left: auto; 
left: auto; 
right: auto; 
background-color: #FFFFFF; 
box-shadow: 0 1px 3px rgba(34,25,25,0.4); 
-webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4); 
moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); 
background-repeat: repeat-y; 
min-height: 1024px; 

border-bottom-width: 2px; 
border-bottom-style: solid; 
border-bottom-color: #999; 
padding-bottom:60px; 
position:relative; 
+0

這也沒有奏效,仍然堅持一個特定的高度 – user1373168

+0

我剛剛更新了我的問題,更清楚地描述了情況!請給它看@pirus – user1373168