masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > div出现可恶的两条横向滚动条，好难看_html/css_WEB-ITnose

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

WBOY
Lepaskan： 2016-06-21 09:18:45
asal
1855 orang telah melayarinya


区域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>
Salin selepas log masuk

区域2.2又是一个iframe，是一个表，它的代码是 
<iframe src="Bigform1.html"  name="form"   scrolling="auto" frameborder="0" class="frame" style="float:left;  height:100%;"></iframe>
Salin selepas log masuk

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

Label berkaitan：
div出现可恶的两条横向滚动条，好难看
sumber：php.cn
Artikel sebelumnya：在html中判断IE浏览器的版本_html/css_WEB-ITnose Artikel seterusnya：ie7下li显示不正常，怎么破？_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2184
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2331
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1960
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1845
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1897
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan