• css学习_css定位


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

    2、浮动和定位的区别

    定位的分类:定位模式

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

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

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

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

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

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

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

    3、叠放次序

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

      z-index:100

     4、四种定位总结

    5、定位模式转换

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

    6、元素的显示与隐藏

  • 相关阅读:
    mybatis <=或这个>=提示错误Tag name expecte问题解决
    Navicat 设置自增长初始值
    mysql 时间与字符串相互转换
    jquery 动态控制显隐
    mysql 查询常见时间段数据
    jquery 取得select选中的值
    java8 运算语法集
    springboot 单元测试
    idea 自动生成并跳转单元测试
    限制页面被pc端访问
  • 原文地址:https://www.cnblogs.com/yangyutian/p/10629559.html
Copyright © 2020-2023  润新知