zoukankan      html  css  js  c++  java
  • 格式与布局

    一、定位

    定位有相对定位、绝对定位和固定位置,

    绝对定位是相对于浏览器边框或父级;相对定位是相对于原来位置移动;固定位置相对于浏览器边界,

    1 . position:fixed  

                    锁定位置(相对于浏览器的位置),列入有些网站右下角弹幕。

    2 . Position:absolite 

    position:absolute是将div的位置固定的,也就是用浏览器的绝对位置的显示div

     
    3.position;ralative

    绝对相对定位,他是参照父级的原始点为原始点,无父级则以BODY的原始点为原始点,配合TRBL进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位. 
    relative和absolute的另外一个很重要的区别就是当被定义成absolute的对象被移出了,那么他原来的位置也就不存在了, 
    如果被定义成relative的对象被移出了 他原来的位置还在,别的元素就不能替代这个位置.


    二.分层(z-index)
    z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。


     



  • 相关阅读:
    不错的前端特效
    查询世界城市维度、经度
    echarts 省市区县geoJson获取
    Echarts世界地图中国分区显示
    全国主要城市空气质量
    Echarts世界地图中国分区显示与获取具体城市的geojson
    md编辑器typora
    PHP基础之数组方法
    PHP封装 冒泡排序算法
    PHP基础之日期和时间管理
  • 原文地址:https://www.cnblogs.com/Liangbingbing/p/6582192.html
Copyright © 2011-2022 走看看