几个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 : id="iframe2使用类代替，或者使用id="iframe1"和id="iframe2 ，例如iframe1使用margin-bottom: 10px和iframe2 ， margin-top: 10px或仅使用iframe1 ， margin-bottom: 20px ...