一个简单的html框架iframe问题

问题遇到的现象和发生背景

html插入iframe想实现 上，中间（为左右布局） ，下 这种结构，为什么左右加一起宽度是100% 就会错行显示呢？必须加一起99%才行。

也就是如果设置左边的iframe的width为10%，右边如果设置90%，那么右边这个iframe就会显示到左边的iframe下方去了。

不想用css来控制，仅学了html

问题相关代码，请勿粘贴截图

<iframe src="head.html" frameborder="0" width="100%" height="10%"></iframe>

<iframe src="side.html" frameborder="0" width="10%" height="80%"></iframe>
<iframe src="main.html" frameborder="0" width="89%" height="80%"></iframe>

<iframe src="foot.html" frameborder="0" width="100%" height="10%"></iframe>
运行结果及报错内容

img


 iframe{
            float: left;
 }

*{padding:0;margin:0}加上这个