我试图让页面上的元素溢出而不创建滚动条，但无法使其正常工作。这是我的最小示例：
#navbar {
width: 10000px;
border: solid red 1px;
overflow-x: hidden;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div id="container">
<div id="navbar">hello</div>
</div>
</body>
</html>您可以如下设置width=100%：
#navbar {
width: 100%;
border: solid red 1px;
overflow-x: hidden;
}<div id="container">
<div id="navbar">hello</div>
</div>overflow-x: hidden;应该在body选择器中，而不是在#navbar中。这是您的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
overflow-x: hidden;
}
#navbar {
width: 10000px;
border: solid red 1px;
}
</style>
</head>
<body>
<div id="container">
<div id="navbar">hello</div>
</div>
</body>
</html>和往常一样，这里有一个现场演示：https://codepen.io/marchmello/pen/mdeeMPB?editors=1000