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的元素,

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

      

  • 相关阅读:
    猜数字游戏,猜三次都不对,则结束游戏,猜一次就成功,结束游戏
    用return关键字实现1——100累加求和,返回总和并接收输出
    用return关键字实现求和操作
    return关键字的作用和接受实验
    数组各元素随机赋值、求和、求平均值、求最大值的各类测试(一维数组)
    日期下拉选择
    22--
    css 17课--
    css盒模型
    css学习
  • 原文地址:https://www.cnblogs.com/zxbs12345/p/7899369.html
Copyright © 2011-2022 走看看