展开正文以适合所有内容

Question

如果内容较宽，那么浏览器窗口，正文和html标签与屏幕保持相同的宽度，如果滚动到侧面，某些元素将不会超出正文。这是一个显示我的意思的fiddle。内容框比屏幕宽，如果向右滚动，标题不会超出一个屏幕宽度。

现在，我可以通过宽度修复它：max-content。

body {
    width: -moz-max-content;
    width: -webkit-max-content;
}

但是，这仅适用于Chrome和FF，而不适用于IE。

是否有不同的，更好的支持解决方案？

Answer 1

试试这个css代码

body{
   margin: 0;
   padding: 0
}


.header{
      width: 100%;
      max-width: 100%;
   }

参见演示http://jsfiddle.net/JentiDabhi/ok8axrjo/

Answer 2

根据我的理解，我认为将position: fixed和width:100%设置为标头会有效。但您可能需要针对内容调整margin-top。

以下是demo