2012-05-07 47 views
0

我有以下的CSS代码,我想有一个最小高度,然后根据需要增加高度。我不知道为什么,但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

现在正在发生什么呢? –

+0

另外,你可以粘贴你的html结构吗? –

+0

高度卡在620px,最小高度的东西是工作良好,我猜我也试着去除高度:620px;行但仍然没有帮助 – user1373168

回答

1

更改下面的代码

height: auto !important; 
height: 1024px; 
min-height: 1024px; 

min-height: 1024px; 
+0

改变它在容器div,但没有反应,相同的高度 – user1373168

+0

你有多个类与“udis”的div?如果您想要“udis”根据数据进行扩展,则删除所有高度属性并仅保留“min-height:620px”。 – KBN

0

您已经为这两个元素指定了固定高度,因此min-height设置不会发挥作用。在.container风格上的变化是:

height: auto !important; 
height: 1024px; 
min-height: 1024px; 

到:

min-height: 1024px; 

,这在.udis风格:

min-height:620px; 
height:auto!important; 
height:620px; 

到:

min-height:620px; 
3

使用溢出隐藏在继续ainer。
或删除浮球:留在孩子身上。

您可以在谷歌阅读更多关于清除浮动
http://www.positioniseverything.net/easyclearing.html

顺便说一句,你的三个高度是正确的,继续使用他们。

height: auto !important; 
    height: 1024px; 
    min-height: 1024px;