zoukankan      html  css  js  c++  java
  • 64.position跟display、overflow、float这些特性相互叠加后会怎么样?

    一道面试题的分析总结:

    display属性规定元素应该生成的框的类型;

    position属性规定元素的定位类型;

    float属性是一种布局方式,定义元素在哪个方向浮动。


    类似于优先级机制:

    position:absolute/fixed优先级最高,有他们在时,float不起作用,display值需要调整。

    元素的 'float' 特性的值不是 "none" 的时候或者它是根元素的时候,调整 'display' 的值。

    非根元素,并且非浮动元素,并且非绝对定位的元素,'display' 特性值同设置值。

    float 或者absolute定位的元素,只能是块元素或表格。

    参考下列流程图:

    转换对应表:

    设定值计算值
    inline-table table
    inline, run-in, table-row-group, table-column, table-column-group, table-header-group, 
    table-footer-group, table-row, table-cell, table-caption, inline-block
    block
    其他 同设定值
  • 相关阅读:
    android 设置时间和日期
    android 对话框
    android notification 通知
    android 动画(转载)
    js的作用域题
    js高级
    js中级6
    js中级小知识5
    js中级小知识4
    js中级小知识3
  • 原文地址:https://www.cnblogs.com/dream111/p/13461064.html
Copyright © 2011-2022 走看看