html - DIV 标签不跟随高度

Question

我有一个标题，它由左侧的图像和右侧的一些文本组成。文本由两部分组成:第一行(顶部)和第二行(底部)。现在这两个都需要占据 header 高度的 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