div布局自动适应窗口大小
<style type="text/css"> body { background-color:#E9F5E9; margin:0; } html,body,form { height:auto; } div { <%--border:solid;--%> } #content { padding:50px 100px 50px 100px; height:600px; width:1000px; background-color:White; vertical-align:top; margin-right:auto; margin-left:auto; } #Top { padding:0px 0px 0px 0px; height:50px; background-color:blue; width:100%; } #LLeft { height:80%; width:20%; float:left; padding-right:0px; background-color:Green; } #LMidle { height:80%; width:60%; float:left; padding-right:0px; padding-left:0px; background-color:red; } #LRight { height:80%; width:20%; padding-right:0px; background-color:yellow; float:left; } </style> <body> <form id="form1" runat="server"> <div id="content"> <!--顶部层开始--> <div id="Top"></div><!--顶部层结束--> <!--底部左侧层开始--> <div id="LLeft"></div><!--底部左侧层结束--> <!--底部中间层开始--> <div id="LMidle"> </div><!--底部中间层结束--> <!--底部右侧层开始--> <div id="LRight"></div><!--底部右侧层结束--> </div> </form> </body> </html>