CODEWITHSUNDEEP
htmlcss
Perhaps
Perhaps

Reputation: 103

There is no height set for the scroll bar, why is it displayed

weird scroll bar,if set overflow-x:hidden and line-height lt 20px,it will show;

and I didn't set any height;

the test url is below;

demo address


    <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>

Upvotes: 0

Views: 169

Answers (1)

Maciej Bledkowski
Maciej Bledkowski

Reputation: 703

Set margin of the body to zero:

body{
  margin: 0;
}

and set height of the section element to the height of the body:

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

Upvotes: 1

Related Questions