css+div定位_html/css_WEB-ITnose

                  
                            <     html      xmlns     ="http://www.worg/1999/xhtml"     >           <     head     >           <     meta      http-equiv     ="Content-Type"      content     ="text/html;charset=gb2312"           />           <     title     >     Div + CSS Example, Wayhome's Blog                <     style      type     ="text/css"     >                       <     body     >           <     div      style     ="position:absolute; top:5px; right:20px; width:200px;height:180px; background:#00FF00;"     >      position: absolute;     <     br      />      top: 5px;     <     br      />      right: 20px;     <     br      />           <     div      style     ="position:absolute; left:20px; bottom:10px;width:100px; height:100px; background:#00FFFF;"     >      position: absolute;     <     br      />      left: 20px;     <     br      />      bottom: 10px;     <     br      />                                 <     div      style     ="position:absolute; top:5px; left:5px; width:100px;height:100px; background:#00FF00;"     >      position: absolute;     <     br      />      top: 5px;     <     br      />      left: 5px;     <     br      />                      <     div      style     ="position:relative; left:150px; width:300px; height:50px;background:#FF9933;"     >      position: relative;     <     br      />      left: 150px;     <     br      />           <     br      />      width: 300px; height: 50px;      <     br      />                      <     div      style     ="text-align:center; background:#ccc;"     >           <     div      style     ="margin:0 auto; width:600px;background:#FF66CC; text-align:left;"     >           <     p     >     1                <     p     >     2                <     p     >     3                <     p     >     4                <     p     >     5                <     div      style     ="padding:20px 0 0 20px; background:#FFFF00;"     >      padding: 20px 0 0 20px;      <     div      style     ="position:absolute; width:100px; height:100px;background:#FF0000;"     >     position:      <     span      style     ="color:#fff;"     >     absolute          ;                <     div      style     ="position:relative; left:200px; width:500px;height:300px; background:#FF9933;"     >      position:      <     span      style     ="color:blue;"     >     relative          ;     <     br     />      left: 200px;     <     br      />           <     br      />      width: 300px;     <     br      />      height: 300px;     <     br      />           <     div      style     ="position:absolute; top:20px; right:20px;width:100px; height:100px; background:#00FFFF;"     >      position: absolute;     <     br      />      top: 20px;     <     br      />      right: 20px;     <     br      />           <     div      style     ="position:absolute; bottom:20px; left:20px;width:100px; height:100px; background:#00FFFF;"     >      position: absolute;     <     br      />      bottom: 20px;     <     br      />      left: 20px;     <     br      />