zoukankan      html  css  js  c++  java
  • css position[转

    2.详细展示

    2.1 position:absolute

    2.2.1 说明:

    绝对定位;脱离文档流的布局,遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static),否则为Body文档本身。

    2.2.2 视图:

    2.2 position:relative

    2.2.1 说明

    相对定位;脱离文档流的布局,但还在文档流的位置遗留空白区域。定位的起始位置为此元素原先在文档流的位置。

    2.2.2 视图

    2.3 position:fixed

    2.3.1 说明

    固定定位;类似于absolute,但不随着滚动条的移动而改变位置。

    2.3.2 视图

    2.3.3 应用场景

    ①登录框覆盖层:如dz论坛的登录。

    ②虚假QQ消息广告。

    2.4 position:static

    2.4.1 说明

    无定位,表示此元素为默认定位方式。

    2.4.2 应用场景

    IE6的特殊处理。

    3.总结

    3.1 滚动条是否出现

    当含有position属性的元素为最边缘元素时:

    ①absolute 和 relative :含有此2个值的边缘元素,浏览器缩小到此元素不可见时,会出现滚动条。

    ②fixed :含有此值的边缘元素,浏览器缩小到此元素不可见时,不会出现滚动条。

    3.2 示例

    3.2.1 视图

    http://www.cnblogs.com/polk6/p/3214847.html

  • 相关阅读:
    面试问题
    知识点整合
    前端错误
    基于.NET平台常用的框架整理
    BFC和haslayout
    javascript面向对象
    javascript变量的作用域
    2014-05-26 总结
    2014-05-23 总结
    PHP实现mvc模式的思想
  • 原文地址:https://www.cnblogs.com/wincai/p/4265868.html
Copyright © 2011-2022 走看看