Home > Article > Web Front-end > html 页面变小自动出现滚动条_html/css_WEB-ITnose
html 页面变小自动出现滚动条_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:34:381919browse
<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;
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：IE9兼容问题，一个效果无法实现，谁能帮忙看看_html/css_WEB-ITnoseNext article：基础问题求帮助_html/css_WEB-ITnose