如果我动态更改边距，带显示块的<hr />会添加滚动条

Question

我创建了一个带有以下样式的小时标记

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

here是小提琴 它显示正确。占据屏幕宽度的100％。但是如果我通过JavaScript控制台动态更改边距。它从屏幕溢出。如何根据边距进行自动调整。

Answer 1

而不是：

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

试试这个：

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