Html 如何使水平线始终保持其背景色，即使沿X轴滚动？

我在我的网站的每个页面顶部都使用了标题

div

。页眉的宽度为100%，只要文本没有放大到一定的程度，它就必须环绕并溢出页眉，从而迫使页面添加一个水平滚动条，这样就可以正常工作。滚动时，页眉的背景色会丢失，因为文本溢出，页眉不会动态地粘在页面的100%宽度上

---

我注意到的一件事是，在堆栈交换站点（不包括堆栈溢出，因为标题是

position:fixed

）和Atlassain的BitBucket上，当您放大标题时，它会显示一个水平滚动条，当滚动时，标题背景颜色保持（）。如何在我的网站上实现这种效果（我不想将

overflow-x:auto

应用于我的标题，因为水平滚动条在单个元素上看起来相当难看）。

如果将display属性设置为table，则它对我有效

html，正文{
身高：100%；
}
身体{
保证金：0；
背景色：#161616；/*不支持背景渐变的浏览器的回退*/
背景：-webkit径向梯度（#3b3b3b，#2F2F）；/*Safari 5.1至6.0*/
背景：-o-径向梯度（#3b3b，#2f）；/*用于Opera11.6到12.0*/
背景：-Firefox 3.6到15版本的moz径向渐变（#3b3b3b，#2F2F）；/**/
背景：径向梯度（#3b3b，#2f）；/*标准语法（必须是最后一个）*/
颜色：#fff；
字体系列：“Arial”，无衬线；
}
a{
颜色：#fff；
文字装饰：下划线；
}
a:悬停{
文字装饰：无；
}
.头衔{
字体系列：“Roboto”，无衬线；
字体大小：粗体；
字号：3em；
}
.副标题{
颜色：#9e9e9e；
字体大小：1.2px；
}
.全宽{
宽度：100%；
背景色：rgba（1411410.5）；
}
.全宽.内宽{
填充：30px；
}

有问题的标题
尝试使结果帧具有较低的宽度，然后水平滚动该帧
请注意.fullWidth div的背景色是如何丢失的