Html标签见解——关于position问题分组总结
关于position的总结
- position:(定位)分为相对定位(relative)、绝对定位(absolute)和固定某元素在浏览器特定位置(fixed)。
- relative:相对定位。书写格式:.dw{position:relative;left:50px;top:50px;} 在正常文档流中偏移位置,比如:left:50px;如图所示:以原左边为基点,距新位置左边50px;。
- 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;效果如图所示:。
- fixed:固定在浏览器某一位置。书写格式:position:fixed;left:850px;top:550px;
- 如果哪些地方说的不对,或有疏忽,请多多指教。谢谢参阅