当视口水平延伸时，div的高度增加

Question

我正在横向滚动网站上工作并遇到了一个奇怪的问题。当窗口水平重新调整大小时，标题div的高度会发生变化。有什么可能导致这个问题的想法吗？

我的基本html看起来像这样：

<div class="container">
<header class="header" id="header"></header>
<div class="content" id="content"></div>
</div>

这是我的CSS：

.container {
box-sizing: border-box;
position: absolute;
float: left;
margin-right: -999999px;
height: 100%;
padding: 50px 0;
max-height: 600px;
vertical-align: baseline;
}

.header {
float: left;
padding: 0 50px 0 0;
height: 100%;
max-height: 500px;
position: fixed!important;
z-index: 1234;
box-sizing: border-box;
}

.content{
margin-left: 320px;
height: 100%;
margin-right: -999999px;
float: left;
position: relative;
}