首页 > web前端 > html教程 > div出现可恶的两条横向滚动条,好难看_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-21 09:18:45
原创
1856 人浏览过


区域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需要加一些东西?

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板