position的总结

关于position问题分组总结

                           关于position的总结

• position：（定位）分为相对定位（relative)、绝对定位（absolute）和固定某元素在浏览器特定位置（fixed）。

1.  relative：相对定位。书写格式：.dw{position：relative；left：50px；top：50px；} 在正常文档流中偏移位置，比如：left：50px；如图所示：
   
   
   以原左边为基点，距新位置左边50px；
   
   
   。
2. absolute：绝对定位。.dw{position：absolute；left：50px；top：50px；}在拖离文档流而偏移位置。dang多个div嵌套时，最外层是以原点（0,0）为起点，而内层div则根据上一层起点认为起点的。比如：外层：height：200px；width：100px；position：absolute；left：100px；top：100px；内层：height：100px；width：50px；position：absolute；left：50px；top：50px；效果如图所示：
   
   。
3. fixed：固定在浏览器某一位置。书写格式：position：fixed；left：850px；top：550px； 关于position的总结
   • position：（定位）分为相对定位（relative)、绝对定位（absolute）和固定某元素在浏览器特定位置（fixed）。
   1.  relative：相对定位。书写格式：.dw{position：relative；left：50px；top：50px；} 在正常文档流中偏移位置，比如：left：50px；如图所示：
      
      
      以原左边为基点，距新位置左边50px；
      
      
      。
   2. absolute：绝对定位。.dw{position：absolute；left：50px；top：50px；}在拖离文档流而偏移位置。dang多个div嵌套时，最外层是以原点（0,0）为起点，而内层div则根据上一层起点认为起点的。比如：外层：height：200px；width：100px；position：absolute；left：100px；top：100px；内层：height：100px；width：50px；position：absolute；left：50px；top：50px；效果如图所示：
      
      。
   3. fixed：固定在浏览器某一位置。书写格式：position：fixed；left：850px；top：550px；
      
4. 如果哪些地方说的不对，或有疏忽，请多多指教。谢谢参阅
   

posted @ 2011-02-22 10:52 如影随风 阅读(1) | 评论(0) | 编辑

2011年2月13日