几个iframe之间的空白

Question

我页面上有几个iframe，并且需要第一个缩放。 但是当我这样做时：http://tak.robi.to/scale/index2.htm 缩放后，第一个和第二个之间存在空白/间隙。 我需要在第一个和第二个之间设置一个始终为20px（即使缩放）的空间。

 #slider {
          width: 100%;
        }

       <iframe id="iframe" style="margin-top: 10px;" src="1.html" frameborder="0" width="100%" height="200px">
       </iframe>
       <iframe id="iframe" style="margin-top: 10px;" src="2.html" frameborder="0" width="100%">
       </iframe>

请帮助。我是一名平面设计师，对此确实有问题：（

Answer 1

首先，ID是唯一的，请参见ID和类：https://css-tricks.com/the-difference-between-id-and-class/ 改用类，或使用id="iframe1"和id="iframe2，例如iframe1与margin-bottom: 10px和iframe2与margin-top: 10px或仅iframe1与margin-bottom: 20px ...