<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は自動的にスクロールバーを追加しますが、私が望むのは1つのスクロールバーだけでページを制御することです。つまり、ページの下部にスクロールバーが表示されます
誰か知っていますか?
[引用=5 階の回答からの引用:]
を定義します。 width と height、set overflow:scroll;
これを試しましたが、うまくいきませんでした。さらに、スクロール バーは単なる装飾であり、ページを拡大することはできません
コンテンツはページの幅を直接サポートできます。そして、オーバーフローを設定します: auto;