javascript - マージンを動的に変更すると、表示ブロックでスクロールバーが追加されます

Question

以下のスタイルでhrタグを作成しました

  hr{   
     /* margin:5%; */
     height:10px;
     display:block;
  }​  

これがフィドルです正しく表示されます。画面の幅を100％占有します。しかし、JavaScriptコンソールを使用してマージンを動的に変更するとします。画面から溢れています。マージンに基づいてこの自動調整を行うにはどうすればよいですか。

Answer 1

それ以外の：

document.getElementById('a').style.margin= "5%";

これを試して：

document.getElementById('a').style.margin= "5px";