DIV标签不跟随高度

Question

我有一个标题，该标题由左侧的图片和右侧的一些文字组成。文本由两部分组成：第一行（顶部）和第二行（底部）。现在，这两个都需要占据标头高度的50％。但是由于高度没有设定的高度，因此它们没有变化。

代码：http://jsfiddle.net/olivermurfett/pamkeov5/

也许添加height: auto;可能会有所帮助。

更新1：预期结果的病态化：_{（来源：catholic.edu.au）}

Answer 1

这是您要做什么：

#header-text-container {
    float: left;
    height: 100%;
    min-height: 100%;
    width: 90%;
}
#text-SACRED-HEART-COLLEGE {
    float:left;
    font-size: 25px;
}
#text-A-Vibrant-Life {
    float:right;
    font-size: 20px;
}
#text-KYNETON {
    width: 100%;
    float: left;
}

Here is the JSFiddle demo