div高度不是家长身高的100％

我正在制作一个网站，并且在包装的左侧有一个信息部分。包装的高度设置为100％，信息的左侧div设置为100％，但高度不是100％，它是自动的，我怎样才能做到这一点，所以我的左div高度等于我的包装div高度？div高度不是家长身高的100％

CSS：

#wrapper { 
    background:url(../images/wrap_bg.png); 
    width: 1240px; 
    min-height:100%; 
    overflow: hidden; 
    margin-left:auto; 
    margin-right:auto; 
} 
#wrapper #left { 
    width:295px; 
    height:100%; 
    min-height:100%; 
    border-right: 1px dotted #fefbfb; 
    padding: 0 0 0 10px; 
    float: left; 
}

HTML：

<div id="wrapper"> 
    <div id="left">some text</div> 
</div>

这有点什么，我有http://jsfiddle.net/xD96D/

来源

2014-03-02 user3339454

min-height的百分比值是相对于包含框的高度而#wrapper元素（容器）没有明确的height值。

因此，100%值为min-height财产左div计算为0。

从MDN

min-height

百分率的计算相对于所生成的框的包含块的高度。如果没有明确指定含块的高度（即，它取决于内容高度），而这种元素不是绝对定位，该百分比值被视为0。

您应该使用height: 100%父母可以让min-height: 100%为孩子工作。

WORKING DEMO。

来源

2014-03-02 23:45:23

谢谢，它的工作原理。感谢那些信息，学到了一些我不知道的东西。 – user3339454

@ user3339454不客气:)我很高兴能帮上忙。 –

只能将高度设置为100％，如果父母的身高或者是也设置为100％，或者设置为静态值，如100像素。

看看哈希姆Qolami的答案。他做了一个更好的工作解释这个问题，并举了一个例子。

来源

2014-03-02 23:42:48

div高度不是家长身高的100％

回答

相关问题