zoukankan      html  css  js  c++  java
  • css之定位

    最近做了几个简单的网页,发现定位真的非常好用,下面我来总结下定位的使用方法。

    定位:position
    首先我们一起来看看定位的基本思想:它允许你定义的元素框相对于其正常位置应该出现的位置,或者相对于父元素,另一个元素甚至浏览器窗口本身的位置。

    定位:绝对定位,相对定位,固定定位。
    ①position:static
    元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。

    ②position:relative
            元素框偏离某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。
       用来给元素(标签)进行位置微调,给绝对定位做参考(子绝父相)
       相对定位的元素在进行位置移动时,是相对于自己原来的位置进行移动。
    
    ③position:absolute
            主要用来让元素进行“肆无忌惮”的位置移动。
       绝对定位的元素进行移动,如果有父元素,那么要看一下父元素本身是否具有定位属性(相对定位/绝对定位/固定定位),如果有,就以当前父元素为参考,如果父元素没有定位属性,那么就继续向上找。
        绝对定位可以让网页结构更加的稳定。
    
     ④position:fixed
            元素移动参考以浏览器窗口为准。
  • 相关阅读:
    爱情三十七课,恩情仪式
    爱情三十二课,幽默的用法
    爱情四十二课,距离就是问题
    爱情二十八课,你为什么爱
    爱情三十四课,放手的时机
    爱情三十九课,爱的礼物
    爱情三十三课,读懂愤怒
    爱情三十一课,先信自己
    爱情三十课,爱情整理术
    爱情二十四课,妥协50分
  • 原文地址:https://www.cnblogs.com/czh1994/p/7109476.html
Copyright © 2011-2022 走看看