• 关于盒子的一些知识



    标准文档流(标准流) :一般的定位规则

    标准流包含两种元素

    (1).块级元素(block)(一个矩形区域,并且和相邻的元素依次竖直排列,不排在同一行中)

    :<div>  <p>  <ul>   <li>

    (2).行内元素(inline)(对于文字这类元素,各个字母之间横向排列,到最右端自动拆行,这就是行内元素)

    :<span> <a>  <br>  <b>  <img>


     

    盒子在标准流中的定位原则

    (1).

    行内元素之间的水平margin
    左侧元素的margin-right+右侧的margin-left

    (2).块级元素之间的竖直margin

    (3).嵌套盒子之间的margin

    (4)将margin设成负数会怎样

    盒子的定位(position)

    (1)

    static(静态定位,这种定位方式可以不写,是系统默认的定位方式。)
    1.使用相对定位的盒子,会相对于它原来的位置,偏移制定的位置。

    (2)relative(相对定位,相对原有位置的定位方式。)
    2.使用相对定位的盒子,仍然在标准流中,它的偏移对父亲、兄弟盒子都没有影响

    (3)absolute(绝对定位,盒子的位置以它所在的已定位的盒子为基准进行偏移。)
    3.相对于使用绝对定位,使用绝对div会彻底,其它盒子会认为不存在。

    (4)fixed(固定定位,用对于浏览器窗口的定位方式)

    (5)display控制盒子是否隐藏,转变盒子的类型

  • 相关阅读:
    Classloader中loadClass()方法和Class.forName()区别
    java.lang.Class解析
    JDK_Proxy_InvocationHandler_动态代理
    spring之Annotation
    annotation之@Autowired、@Inject、@Resource三者区别
    spring之生命周期
    spring之lazy-init
    我是如何在SQLServer中处理每天四亿三千万记录的
    (转)SQL一次性插入大量数据
    SQL SERVER连接池
  • 原文地址:https://www.cnblogs.com/luckly/p/luckly.html
Copyright © 2020-2023  润新知