DIV标签不跟随高度

Question

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

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

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

更新1： 理想的结果： Header http://www.shckyneton.catholic.edu.au/_sharedimg/header.jpg

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