我刚刚开始使用 HTML 和 CSS，但我想知道为什么 Chrome 会为我的后续代码显示水平滚动条，而它不应该显示。请注意，该栏仅在特定缩放级别显示。我想知道这是一个(已知的)错误还是我做错了什么？我当前的 Chrome 版本是 26.0.1410.64。这是我的 MWE:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
/* -------------- Setting Default values -------------- */
html, body, div, form, fieldset, legend, label {
margin: 0;
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
body{
margin-right: 0.05px;
}
}
*/
nav.main_nav {
display:table-cell;
}
div.content {
padding-left: 5px; /* <-- important */
display:table-cell;
width: 100%;
}
</style>
</head>
<body>
<nav class="main_nav">
<ul>
<li><a href="/">Home</a></li>
</ul>
</nav>
<div class="content">
<h2>Welcome</h2>
</div>
</body>
</html>
最佳答案
您正在使 .content div 100% 宽加 5px。这是导致滚动条的额外 5px。
关于CSS Chrome 错误？显示水平滚动条 @ 100% 表格单元格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16623711/