div出现可恶的两条横向滚动条，好难看_html/css_WEB-ITnose

区域1的点击对iframe区域2进行操作，区域2由区域2.1和区域2.2两个div块组成
区域1的iframe的代码是

<div style="overflow:hidden;  border:hidden;" >	<iframe style="float:left; margin-top:0; width:100%; height:650px;" src="CollectForm.html" name="CollectForm"  frameborder=no></iframe> </div>

区域2.2又是一个iframe，是一个表，它的代码是

<iframe src="Bigform1.html"  name="form"   scrolling="auto" frameborder="0" class="frame" style="float:left;  height:100%;"></iframe>	

为什么区域2.2的右边就只有一个滚动条，下面却又两个滚动条呢？
如何去掉区域2下面的重复的滚动条，下面有两个横向滚动条实在是太难看了！！！！

回复讨论(解决方案)

区域2下面有滚动条是因为2.1+2.2的宽度大于了2的呈现宽度。两个办法解决
1、2加style=“ overflow:hidden;” 隐藏超出的部分（不推荐）
2、调整2.1或2.2的宽度，使之宽度和不大于2的呈现宽

建议：整体来说，这你样的排版是不合理的，用户体验的方向应该是保留2的滚动条，去掉2.1、2.2的滚动条

那我怎么保留2的滚动条，去掉2.1、2.2的滚动条呢？是不是2.1和2.2需要加一些东西？