Heim > Web-Frontend > HTML-Tutorial > div出现可恶的两条横向滚动条,好难看_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:18:45
Original
1856 Leute haben es durchsucht


区域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>
Nach dem Login kopieren

区域2.2又是一个iframe,是一个表,它的代码是
<iframe src="Bigform1.html"  name="form"   scrolling="auto" frameborder="0" class="frame" style="float:left;  height:100%;"></iframe>	
Nach dem Login kopieren

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage