frame横向滚动条问题

在网页中，只显示右侧的垂直滚动条，而不要底部的水平滚动条
<iframe src="test.html" name="workArea" align="middle" marginwidth="0" marginheight="0" allowtransparency="true" application="true" id="workArea" scrolling="auto"></iframe>
或如下代码：
<frameset id="bodyFrame" rows="72,*" framespacing="0" frameborder="NO" border="0" >
<frame src="<%=request.getContextPath() %>/pages/frame/top.jsp?username=<c:out value="${username}"/>" name="navigateFrame" scrolling="NO" noresize >
<frameset id="contentFrame" cols="160,*" framespacing="0" frameborder="NO" border="0" >
    <frame src="<%=request.getContextPath() %>/pages/frame/tree.jsp?username=<c:out value="${username}"/>&role=<c:out value="${role}"/>" id="treeFrame" name="treeFrame" scrolling="no" noresize >
    <frame src="<%=request.getContextPath() %>/pages/frame/welcome.html" id="mainFrame" name="mainFrame" scrolling="auto">
</frameset>
</frameset>
滚动条设了自动auto，当页面内容多时，会自动出现滚动条
预想效果是出现了，但是不仅出了右侧的竖滚动条，下面左右滚动的横滚动也出现了，调整内容宽度，也一样

解决方法一：
body {
  width: 95%;
  margin: 0px;
  padding: 0px;
}
通过css来控制宽度，我没有设100%，默认是100%；而是设了95%；这样因为整体页面的宽度小于100%，所以就不再出现横滚动条了，而竖滚动条依然起作用

解决方法二：
在iframe的包含页面里加入
<style>
  html { overflow-x:hidden; }
</style