2

这必须是最简单的 CSS 问题。但我找不到解决这个问题的方法..

我有一个主 div 具有一定值的最小高度。我已经给出了最小高度，%所以没有外部 div，它不会显示min-height. 如果我给出 min - height in px，它会显示出来。

但我试图让最小高度为窗口高度的 50%，并且它可能因每个设备而异，所以以 px 为单位的高度对我来说不是一个选项......如果我提供jquery.css()功能并保持它document.ready()的功能，当页面开始加载，它的高度为零，它会下降到我指定的高度，并且在网站上看起来不太好..

案例1：http: //jsfiddle.net/pT56y/

小提琴示例

案例2： http: //jsfiddle.net/pT56y/2/ 有没有合适的方法来处理这个问题？

4

1 回答 1

5

为了使用百分比高度，父级必须有一个设定的高度（以像素或 % 为单位）：

body,html{
    height: 100%;
}
.container-fluid{
    background:#000000;
    width:100px;
    min-height:50%;    
}

小提琴

于 2013-08-07T08:07:26.930 回答