ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML ページが小さくなるとスクロール バーが自動的に表示される_html/css_WEB-ITnose
HTML ページが小さくなるとスクロール バーが自動的に表示される_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:34:381941ブラウズ
<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;
19d74a605008fe6f40f91ec9fb13cd05
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。