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

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

      

  • 相关阅读:
    JVM调优之优化延迟
    Datagridview列自适应宽度和数据居中显示
    C# winform格式化Json
    Winform将select数据写入datagridview
    .NET使用NPOI从datagridview导出excel
    理解大数据
    ORACLE_BASE和ORACLE_HOME的区别
    tabpage平分tabcontrol
    WinForm设置主窗体为固定大小(禁止调整大小)
    加Application.DoEvents可以防止界面“未响应”
  • 原文地址:https://www.cnblogs.com/zxbs12345/p/7899369.html
Copyright © 2011-2022 走看看