gpt4 book ai didi

html - 向右滚动时不显示背景颜色

转载 作者:搜寻专家 更新时间:2023-10-31 23:28:22 25 4
gpt4 key购买 nike

我有以下简单的 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com