html - 滚动条没有设置高度，为什么显示 - Thinbug

滚动条没有设置高度，为什么显示

时间：2020-07-23 09:30:32

标签： html css

奇怪的滚动条，如果设置了overflow-x：隐藏且行高<20px，它将显示；

我没有设置任何高度；

测试网址在下面；


    <html lang="en">
    <head>
    <style type="text/css">
    html,body {height: 100%;line-height: 1;overflow:hidden;}
    </style>
    </head>
    <body>
    <section style="overflow-x: hidden;">
    <div data-v-ac8adc6c="">member manage</div>
    <div data-v-ac8adc6c="">member manage</div>
    <div data-v-ac8adc6c="">member manage</div>
    <div data-v-ac8adc6c="">member manage</div>
    <div data-v-ac8adc6c="">member manage</div>
    <div data-v-ac8adc6c="">member manage</div>
    <div data-v-ac8adc6c="">member manage</div>
    <div data-v-ac8adc6c="">member manage</div>
    </section>
    </body>
    </html>

1 个答案:

答案 0 :(得分：1)

将主体的边距设置为零：

body{
  margin: 0;
}

并将section元素的高度设置为主体的高度：

<section style="overflow-x: hidden; height: 100%;">