情况是这样的,我有这个 html:
<div id='main'>
<div id='menu'>
Menu Items Here
</div>
<div id='cont'>
Content Here
<div id='footer'>Some Footer</div>
</div>
</div>
此处的 CSS:
html, body {
height: 100%;
width : 100%;
margin: 0;
padding: 0;
}
#main{
overflow : auto;
background-color: yellow;
width : 100%;
min-height : 100%;
}
#menu {
background-color: red;
float : left;
width : 300px;
}
#cont {
margin-left : 300px;
float : right;
background-color: orange;
width : 100px;
min-height : 100%;
height: auto !important; /*min-height hack*/
height: 100%; /*min-height hack*/
}
我基本上想做的是 #cont div 的最小高度必须为 100%(如果我的内容较小),但如果内容较长,则将扩展。
如有任何帮助,我们将不胜感激。
注意:宽度大小目前只是暂时的。
谢谢!
最佳答案
这可能有效:
#main{
height : 100%;
}
#cont {
min-height : 100%;
/* Without the hacks */
}
关于html - CSS 最小高度无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23583092/