html 页面变小自动出现滚动条

时间:2021-06-24 07:54:14
<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

9 个解决方案

#1


没出现啊

#2


overflow:hidden;  先把这个去掉 让后给容器设置一个高度

#3


引用 2 楼  的回复:
overflow:hidden;  先把这个去掉 让后给容器设置一个高度

去掉后,每个div在页面变小后,会自动添加滚动条,但我想要的是就一个滚动条来控制页面。也就是页面最下层出现滚动条就行了

#4


没人知道吗

#5


定义宽高,设置overflow:scroll;

#6


[Quote=引用 5 楼  的回复:]

定义宽高,设置overflow:scroll;
这个我试过了,没用。而且滚动条更本就是个摆设,拉不了页面

#7


该回复于2012-05-18 10:48:52被版主删除

#8


直接用内容撑住页面的宽度。并设置 overflow:auto;

#9


<div region="center" border="false" style="overflow: auto; width:1500px;">

#1


没出现啊

#2


overflow:hidden;  先把这个去掉 让后给容器设置一个高度

#3


引用 2 楼  的回复:
overflow:hidden;  先把这个去掉 让后给容器设置一个高度

去掉后,每个div在页面变小后,会自动添加滚动条,但我想要的是就一个滚动条来控制页面。也就是页面最下层出现滚动条就行了

#4


没人知道吗

#5


定义宽高,设置overflow:scroll;

#6


[Quote=引用 5 楼  的回复:]

定义宽高,设置overflow:scroll;
这个我试过了,没用。而且滚动条更本就是个摆设,拉不了页面

#7


该回复于2012-05-18 10:48:52被版主删除

#8


直接用内容撑住页面的宽度。并设置 overflow:auto;

#9


<div region="center" border="false" style="overflow: auto; width:1500px;">