Html标签见解——关于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;
  4. 如果哪些地方说的不对,或有疏忽,请多多指教。谢谢参阅
原文地址:https://www.cnblogs.com/wenluren/p/1961057.html