Html 视图端口水平延伸时div的高度增加

我在一个水平滚动的网站上工作，遇到了一个奇怪的问题。当水平调整窗口大小时，收割台div的高度会发生变化。你有没有想过是什么原因造成的

我的基本html如下所示：

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

---

您正在处理的站点中的标题和内容元素是否为空？它可能与元素中的内容有关。“header”有一个子div，它具有{width:270px；height为100%；overflow-x:hidden；overflow-y:auto；}和“content”有一个子div，它具有{float:left；position:relative；height:100%}我的第一个想法是，您的内容正在放到新行上。尝试添加

overflow-y:hidden到header@SamWillis谢谢你的建议。我试了一下，但不幸的是，它不起作用。另外需要注意的是，在MobileCrome中，标题并没有保持固定。我不确定这是否是一个单独的问题，或者是否也与此有关。是否有任何媒体查询可能会覆盖固定定位？你有一个我们可以看到代码的现场站点吗？
.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;
}