zoukankan      html  css  js  c++  java
  • 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. 如果哪些地方说的不对,或有疏忽,请多多指教。谢谢参阅
  • 相关阅读:
    单例模式
    leetcode:Minimum Subarray
    leetcode:Minimum Path Sum
    内存分配以及优化
    完整性检查
    类型定义之可选的一些笔记
    CSS|CSS module
    TS 操作符
    React|虚拟 Dom、render函数、shouldComponentUpdate
    React|常用相关框架
  • 原文地址:https://www.cnblogs.com/wenluren/p/1961057.html
Copyright © 2011-2022 走看看