Html 容器div未在属性“最小高度”上展开
我有一个div的CSS代码,我希望有一个最小高度,然后根据需要增加高度。我不知道为什么,但是CSS在任何浏览器中都不起作用!我试着用谷歌搜索答案,但还是没能 任何帮助都将不胜感激Html 容器div未在属性“最小高度”上展开,html,height,css,Html,Height,Css,我有一个div的CSS代码,我希望有一个最小高度,然后根据需要增加高度。我不知道为什么,但是CSS在任何浏览器中都不起作用!我试着用谷歌搜索答案,但还是没能 任何帮助都将不胜感激 .container { width: 1024px; margin-right: auto; margin-left: auto; left: auto; right: auto; background-color: #FFFFFF; box-shadow: 0 1px 3px rg
.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中时,这个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;
}
更改以下代码
height: auto !important;
height: 1024px;
min-height: 1024px;
到
更改以下代码
height: auto !important;
height: 1024px;
min-height: 1024px;
到
您已为这两个元素指定了固定高度,因此
min height
设置永远不会起作用。在.container
样式中更改此选项:
height: auto !important;
height: 1024px;
min-height: 1024px;
min-height:620px;
height:auto!important;
height:620px;
致:
在.udis
样式中:
height: auto !important;
height: 1024px;
min-height: 1024px;
min-height:620px;
height:auto!important;
height:620px;
致:
您已为这两个元素指定了固定高度,因此
min height
设置永远不会起作用。在.container
样式中更改此选项:
height: auto !important;
height: 1024px;
min-height: 1024px;
min-height:620px;
height:auto!important;
height:620px;
致:
在.udis
样式中:
height: auto !important;
height: 1024px;
min-height: 1024px;
min-height:620px;
height:auto!important;
height:620px;
致:
使用隐藏在容器中的溢出。
或者移除浮动:留在子对象中 您可以在谷歌上阅读有关清除浮动的更多信息
顺便说一下,你的三个高度是正确的,继续使用它们
height: auto !important;
height: 1024px;
min-height: 1024px;
使用隐藏在容器中的溢出。
或者移除浮动:留在子对象中 您可以在谷歌上阅读有关清除浮动的更多信息
顺便说一下,你的三个高度是正确的,继续使用它们
height: auto !important;
height: 1024px;
min-height: 1024px;
现在发生了什么?另外,你能粘贴你的html结构吗?高度被固定在620px,最小高度的东西工作得很好,我想我也尝试过删除高度:620px;行,但仍然没有帮助目前发生了什么?另外,你能粘贴你的html结构吗?高度被固定在620px,最小高度的东西工作得很好,我猜,而且我尝试删除高度:620px;行,但仍然没有帮助在container div中更改了它,但没有响应,相同的高度是否有多个类为“udis”的div?如果您希望“udis”也根据数据展开,则删除所有高度属性并仅保留“最小高度:620px”。在容器div中更改了它,但没有响应,相同的高度是否有多个类为“udis”的div?如果您希望“udis”也根据数据展开,则删除所有高度属性并仅保留“最小高度:620px”。