div+css布局,自动适应窗口大小

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>


 <BODY>
 <div style="position:relative;padding-left:170px;width:100%;" id="main">
<div style="width:170px;position:absolute;top:0px;;left:0px;" id="left"> 1</div>
<div style="border:1px solid red;width:100%" id="right"> 222</div>
 </div>
  
 </BODY>
</HTML>



在IE6下,id为right和left的div的css样式中不能有float:left;否则页面会有显示空白。还要为id为main的div设置最小宽度,min-width:980px;ie6下最小宽度的设置方法_width:expression((documentElment.clientWidth)<960?"960px":"100%");

你可能感兴趣的:(html,css,div,float,border,generator)