mathefritz: overflowX : hidden bläht vertikal auf

Beitrag lesen

Guten Morgen!

Die Demo hier ( wird nicht ewig hier bleiben )resultiert aus folgendem Quellcode

<!DOCTYPE html><html lang="de">        <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
                                      </head>
  <body>
<div  id='t'
   style="display:inline-block; max-width:1.0em;
           border:1px solid black;"

>abc</div>

<script>
t = document.getElementById('t');

function oflTggl(){ t.style.overflowX = 
                    t.style.overflowX ? "" : "hidden";
}
</script>
<br>
<button type="button" onclick="oflTggl();">toggle overflow</button>
  </body>
</html>

im Original ist eigentlich keine Leerzeile vor dem ">abc</div>" . Rätselhaft und unerwünscht ist, daß der Button bei Klicks vertikal hin und her wandert .