1

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

1 回答 1

1

您正在制作 .content div 100% 宽加 5px。正是额外的 5px 导致了滚动条。

于 2013-05-18T11:29:46.637 回答