Maison >interface Web >tutoriel HTML >html 页面变小自动出现滚动条_html/css_WEB-ITnose
html 页面变小自动出现滚动条_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:34:381942parcourir
<head> <style type="text/css"> .mydata_frame { border: 0px; margin: 1px auto; font-size: 12px; width: 100%; } .mydata_frame table { cellspacing: 0px; boder: 0px; margin: 0px; padding: 0px; width: 100%; font-size: 12px; font-family: "宋体"; table-layout: fixed;; margin: 0px; } .mydata_frame table th { font-weight: normal; text-align: right; } .mydata_frame table td { white-space:nowrap; } .mydata_frame table td input { width: 85%; } .mydata_frame table td select { width: 85%; } </style></head><body class="easyui-layout" fit="true"> <div region="center" border="false" style="overflow:hidden;"> <div id="div_showAdvanceQuery" class="easyui-layout" fit="true" style="overflow:hidden;"> <div region="north" border="true" split="false" style="height:100px;padding:5px;overflow:hidden;background-color: #E1F1FD;" > <form class="mydata_frame" id="SmCaseMultipleQueryGridForm" style="width:900px;"> <table> </table> <table cellpadding="0" cellspacing="0" style="background-color: #E1F1FD;"> </table> </form> </div> <div region="center" border="false" style="overflow:hidden;height:75%;width:802px"> <table id="SmCaseMultipleQueryGrid"></table> </div> </div> </div></body
回复讨论(解决方案)
没出现啊
overflow:hidden; 先把这个去掉 让后给容器设置一个高度
overflow:hidden; 先把这个去掉 让后给容器设置一个高度
去掉后，每个div在页面变小后，会自动添加滚动条，但我想要的是就一个滚动条来控制页面。也就是页面最下层出现滚动条就行了
没人知道吗
定义宽高，设置overflow:scroll;
[Quote=引用 5 楼 的回复:]
定义宽高，设置overflow:scroll;
这个我试过了，没用。而且滚动条更本就是个摆设，拉不了页面
直接用内容撑住页面的宽度。并设置 overflow：auto;
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：IE9兼容问题，一个效果无法实现，谁能帮忙看看_html/css_WEB-ITnoseArticle suivant：基础问题求帮助_html/css_WEB-ITnose