zoukankan      html  css  js  c++  java
  • 定位

    一、定位

      1、定位的三要素

        position  top  left (right  bottom)

      2、定位的分类

        1》static:静态定位(元素定位的默认方式,说明元素定位在静态位置,即文档流或者标准流中的默认位置)

        2》relative:相对定位(相对于自己做的定位。作用:做一些位置的微调;配合绝对定位来使用。

              特点:相对定位的元素不脱标,之前的位置仍然占有) 

        3》absolute:绝对定位(特点:脱标,不占位置。一般是子绝父相。如果父元素不是定位元素,那么就会找爷爷,再不成就一直往上找,知道找到了为止,或者是body)

        4》fixed :固定定位(特点:脱标;参考点是浏览器的窗口;ie6不支持)

    二、关于left top right bottom的值可以是实际的px值,也可以是百分比,而百分比是相对于他们的参考元素的宽高的。

  • 相关阅读:
    带着萌新看springboot源码
    学习springboot
    第一次来博客园
    第2章 排版样式
    第1章 Bootstrap介绍
    tab左右箭头切换
    $()下的常用方法2
    前端性能优化----yahoo前端性能团队总结的35条黄金定律
    tab
    $()下的常用方法
  • 原文地址:https://www.cnblogs.com/dhrwawa/p/10525923.html
Copyright © 2011-2022 走看看