带有滚动条的HTML/CSS全宽问题

以下是片段：

酒吧{ 高度：30px； 宽度：100%； 背景色：红色； } 内容{ 宽度：1000px； } 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

---

当然，使用一点黑客技术。由于这是一个仅显示的div，您最好将其从文档流中删除。作为奖励，这使您的HTML在语义上更加正确

我们正在做的是使用display:inline块将您的内容设置为浏览器已知的宽度；属性–块有布局，内联线没有。然后，我们创建一个伪：before元素来显示您的标题，并让它填充我们刚才为您的内容提供的布局

内容：以前{ 高度：30px； 内容：； 背景色：红色； 显示：块； } 内容{ 显示：内联块； } 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 也许您可以将内容包装在滚动包装器中，而不是外部框中。 见下面的代码：

父框{ 宽度：300px； 高度：200px； 边框：1px灰色虚线； } 酒吧{ 高度：30px； 宽度：100%； 背景色：红色； } 内容{ 宽度：1000px； } .scrollWrapper{ 宽度：100%； 溢出：自动； } 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

---

@user10110–很高兴听到这个消息！不过，你记下了另一个答案。你是想评论他们的反应吗？