HTML5でiframeを並べて使用しているときに空白を削除する方法

Question

2つのフレームを並べて配置して空白を削除するにはどうすればよいですか？

私が試した：

html, 
 
body { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: 0px; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
iframe { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: 0px; 
 
    height: 100%; 
 
}

<iframe name="l" src="l.htm" style="width:10%;" scrolling="no"></iframe> 
 
<iframe name="c" src="c.htm" style="width:75%;" scrolling="no"></iframe> 
 
<iframe name="r" src="r.htm" style="width:15%;" scrolling="no"></iframe>

を私もこのanswerを見て、display: blockとして表示プロパティを使用して、何の空白がないことを言っています。しかし、私はそのプロパティを使用する場合、フレームは、の下にお互いの下にの下になります。そして私はフレームを横に並べて、10％、75％、15％とします。

Answer 1

HTMLソースコード内の空白が重要です。レンダリングされた表示から削除するソースコードのインライン項目間の空白を削除

<p> 
 
a 
 
b 
 
c 
 
</p> 
 
<p>abc</p>

：

は、これら二つの段落を比較します。

html, 
 
body { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: 0px; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
iframe { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: 0px; 
 
    height: 100%; 
 
}

<iframe name="l" src="l.htm" style="width:10%;" scrolling="no"></iframe><iframe name="c" src="c.htm" style="width:75%;" scrolling="no"></iframe><iframe name="r" src="r.htm" style="width:15%;" scrolling="no"></iframe>