gpt4 book ai didi

CSS Chrome 错误?显示水平滚动条 @ 100% 表格单元格

转载 作者:行者123 更新时间:2023-11-28 18:22:03 26 4
gpt4 key购买 nike

我刚刚开始使用 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/

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