html - 滚动固定标题

Question

有没有人知道如何创建这个布局ms ie page。我试图完成的是一个固定的标题，但是当页面最小化时，整个页面可以滚动到右边，包括固定的标题有没有人知道如何做到这一点，这一切都是在 css 中完成的吗？我所能做的就是有一个固定的标题并只滚动内容，但我想在标题宽度不等时滚动标题

Answer 1

如果我正确理解了您的要求，您希望有一个固定的标题并仅滚动内容，并且当页面调整为较小的宽度时，您也希望标题滚动。我对吗？

为此，您应该设置position: fixed标题。然后使用@media 查询，您应该指定标头应该失去其固定属性的最大宽度。

Markup:

<div class="header">
Header content goes here
</div>

Style:

.header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

@media (max-width: 500px){
  .header{
     position: relative;
   }
}