zoukankan      html  css  js  c++  java
  • 关于定位的一些知识:

    只有设置了position属性的块级元素,才可以设置left、right、top、bottom值;如果一个块级元素脱离文档流的时候,就不能使用浮动了;

    一、绝对定位(position:absolute)

    1、脱离文档流,不会独自沾满一行;不能使用浮动了;

    2、如果父级块元素设置了定位,那么现在的定位是相对于父级的;如果父级标签没有设置定位,那么就是相对于浏览器的;

    二、相对定位(position:relative)

    1、没有脱离文档流,可以使用浮动

    2、相对定位的块,不论其父级标签是否有设置定位,都是相对于父级标签来说的;

    三、静态定位(position:static),默认的是静态定位,使元素处在文档流中,对left、right、top、bottom值的设定是无效的;

    四、固定定位(position:fixed):被设置为 fixed 的元素,可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。

  • 相关阅读:
    【日语】日语学习计划(转载)
    【日语】日语商务情景口语
    Nop常用知识点
    c#版在pc端发起微信扫码支付
    nopcommerce 常用属性验证
    @codeforces
    @codeforces
    @codeforces
    @codeforces
    @codeforces
  • 原文地址:https://www.cnblogs.com/guanyushan/p/7833956.html
Copyright © 2011-2022 走看看