Heim >Web-Frontend >HTML-Tutorial >html 页面变小自动出现滚动条_html/css_WEB-ITnose
<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;