将固定标题与其他部分保持在同一级别

Question

我的CSS中有一个标题和一个部分。标题是100％高度的垂直菜单。我希望它能与我的内容一起移动，这样可以正常工作，但是当调整屏幕大小一定大小时，我的内容部分会在我的标题后面或之前。

我希望在调整大小时阻止内容位于标题后面或标题前面的部分。任何提示？所以实际上我想要的功能就像你有标题和内容部分而没有标题在位置上：固定然后我的标题固定。

所以目前我有类似

的东西

header{
width:300px;
height:100%;
position:fixed;
left:0;
top:0;
}

#contents{
width:850px; 
}

调整大小和向左/向右滚动时，内容不应“覆盖”固定标题。

JSFiddle网址：https://jsfiddle.net/elsticky/ahqohqpg/

Answer 1

尝试为标题和内容设置最小宽度，在将窗口大小降低到该级别以下后，这将导致滚动窗口。 还要设置容器div并尝试设置其宽度。