zoukankan      html  css  js  c++  java
  • 深入理解absolute

     一、absolute和float

      1.相同的特性表现:

      <1>包裹性

      <2>破坏性

    注意:有时候,其页面布局可以相互替换--------float:;=position:absolute:

           2.clear用来限制float;relative用来限制absolute,独立的absolute可以摆脱overflow的限制,无论滚动还是隐藏。

              absolute越独立越强大!

       3.绝对定位的行为表现:

        <1>脱离文档流

        <2>去浮动

                  float造成的环绕效果,absolute保持跟随效果,absolute存在时float失效

        <3>位置跟随

              元素是block那么absolute之后依然是block排列,inline时absolute后依然是inline排列。

         <4>超越overflow

         当父元素没有设置position:relatinve时,子元素position:absolute会超越父元素的overflow: :会显示父元素div以外的样式。

           当父元素设置了position:relative后,子元素就算设置了绝对定位,那么其都不会显示父元素以外的样式了。

        注意在IE7下,任何元素采用绝对定位后,都会inline-block化

        解决办法在绝对定位元素外面套一层空div就OK

    二、配合margin的精确定位

      1.支持负值定位

      2.兼容性超赞---可兼容IE6

     
  • 相关阅读:
    通过Internet使用VSS2005
    基于角色的权限设计(一)
    WFF架构及技术
    WFF概述
    企业库:Cache
    权限设计(二)
    应用系统中的编码和编码规则
    希望更多的人也可以来应用wordpress程序
    说说我的一点小感受了
    思维决定命运
  • 原文地址:https://www.cnblogs.com/lixiaodong86171/p/5989879.html
Copyright © 2011-2022 走看看