我有以下简单的 HTML 和 CSS:
<html>
<head>
<title></title>
</head>
<body>
<div style="width: 970px;">Text area</div>
<div style="height: 20px; background-color:gray; width: 100%; "></div>
</body>
</html>
我在浏览器中加载此页面。如果浏览器的宽度是 400px(只是一个例子),那么我会在浏览器屏幕底部看到一个水平滚动条。如果我将滚动条向右移动,我可以看到第二个 div 的背景没有向右延伸。
我希望第二个div的背景颜色可以从浏览器的左边缘延伸到右边缘(不管浏览器的宽度是多少)。
我该如何解决这个问题?
谢谢!
最佳答案
你可以这样解决:
<div style="width: 970px">
<div>Text area</div>
<div style="height: 20px; background-color:gray; width: 100%;"></div>
</div>
关于html - 向右滚动时不显示背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24740984/