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

    一、位置,position,定义元素的位置,当原色设置了position后,元素就如同浮了起来,失去了原来的占位。

      1.absolute 绝对定位,是相对于外层最近的有position的元素的定位,如果外层没有,则相对于浏览器的边缘定位,默认起点为左上角,

        在设置了绝对定位后,可以通过top、bottom、left、right 来控制元素的位置,它们的值都是数值,可以写负值,表示相反方向移动

      2.relative 相对定位,是相对于元素本来应该出现的位置定位,会保留元素原先占有的位置,

        在设置了相对定位后,控制方式与绝对定位相同,

      3.fixed  固定定位,是相对于浏览器边缘的固定定位,不会随着滚动条的滚动而变化位置,

        在设置了相对定位后,控制方式与绝对定位相同,

    二、布局

      1.流,float,使元素具有流向,并且流动的时候没有自己的位置,只有在截断流(清除流)后才会有自己的位置,

        float的值可以是left和right,代表从左开始流动和从右开始流动,

        清除流的方法是在流后面添加一个div,设置其样式style="clear:both"。

      2.z-index 层级,表示元素在z轴上的高低,数值越大越靠上,重合的元素谁靠上就显示谁,

        z-index只对设置了定位的元素奏效,即设置了position的元素,

        值可以是负值,负值表示在底层元素的下面,可以用来显示底层元素。

      

  • 相关阅读:
    cgroup开机自启动
    QPS
    Linux shell脚本的字符串截取
    设计模式 java
    kafka基本介绍
    Vagrant安装配置
    SuperMap空间数据处理与制图操作短视频汇总
    SuperMap 三维产品资料一览表
    SuperMap GIS资料-----云与Web端技术资料集锦
    世界地图和主要国家的 JSON 文件
  • 原文地址:https://www.cnblogs.com/zxbs12345/p/7899369.html
Copyright © 2011-2022 走看看