zoukankan      html  css  js  c++  java
  • css学习_css定位

    1、定在某个位置:简称定位

    2、浮动和定位的区别

    定位的分类:定位模式

    a、静态定位:(标准流)

    b、相对定位(不脱离文档流)---以自己左上角为基准点定位

    c、绝对定位absolute  (拼爹型:完全脱离文档流---不占有位置,飘起来的)

      拼爹型:绝对定位的位置和父元素有关,若父元素没有定位,那就会以浏览器左上角基准点来定位。

     最常用”子绝父相”---(若父也绝对定位那父就脱标了,那父下面的的元素就上来了,那布局就又乱了。)

      绝对定位的盒子水平/垂直居中---加了绝对定位的盒子用margin:0 auto居中是不生效的。

    d、固定定位(完全脱标不占有位置)

    3、叠放次序

    当对多个元素(兄弟元素)同时设置定位时,定位之间的元素可能会发生叠加,且是后来者居上。

      z-index:100

     4、四种定位总结

    5、定位模式转换

     (浮动元素的位置--- 注意:浮动元素脱离标准文档流后会对后面的未浮动元素会带来影响,但是不会影响到前面(兄弟间)的元素,浮动元素脱离文档流后会紧挨着离它最近的父元素(靠左/靠右)或是紧挨着前面(兄弟)已浮动的元素。)

    6、元素的显示与隐藏

  • 相关阅读:
    Git 修改已提交的commit注释
    设置git bash中显示行号等
    JS 获取字符串长度
    泛型接口
    约束
    泛型方法
    泛型
    重载运算符
    自定义转换
    装箱和拆箱
  • 原文地址:https://www.cnblogs.com/yangyutian/p/10629559.html
Copyright © 2011-2022 走看看