码迷,mamicode.com
首页 > 其他好文 > 详细

排版定位

时间:2018-09-26 20:12:40      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:改变   使用   bsp   color   结构   框架   font   调整   文档流   

                                                         position (位置)

  只要使用定位,必须要有一个相对的参照物(position:relative)

  具体定位的那个元素需要加(position:absolute)

  使用绝对定位的时候,浏览器会逐层向上级元素找position属性,如父级没有就会继续向上级查找position,一直找到position为止,如果找不到就以body为相对位置。

    备注 

    (页面布局:

        结构层:搭我们的页面框架

        布局层:针对框架内部结构进行排版,不需要使用浮动解决的问题尽量不用)

  position:relative      如果设置值了,相对原来的位置进行调整。

   absolute和relative的区别

    1、absolute会脱离标准文档流,relative不会,relative虽然给值了但是依然占有原来的位置。

    2、relative存在“形影分离”所有一般情况下不建议添加值了,一般给子元素当参照位置或者是元素的微调。

    3、absolute会有一种现象“压盖效果”。

  注:z-index 层次关系可以改变元素的层叠位置,所有的标签默认是0,z-index的值越大,块元素就在上方。

  

排版定位

标签:改变   使用   bsp   color   结构   框架   font   调整   文档流   

原文地址:https://www.cnblogs.com/gdqx/p/9709162.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!