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 に答える