美文网首页
CSS Position(定位)

CSS Position(定位)

作者: Lzg | 来源:发表于2019-06-17 14:46 被阅读0次

    position 定位 不占位

    CSS position 定位属性属性,允许您将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。

    例图:


    例图:


    代码如下:

          <div class="dingwei">
                <img src="../img/宝马.jpg" alt="">
          </div>
    

    样式如下:

    .dingwei{
        position: relative;
        img{
            position: absolute;
            left: 80px;
            top: 15px;
         }
      } 
    

    相对定位:
    position: relative; 给父元素。

    绝对定位:
    position: absolute; 给子元素。
    top: 0px; 上下移动。
    left: 0px; 左右移动。

    相关文章

      网友评论

          本文标题:CSS Position(定位)

          本文链接:https://www.haomeiwen.com/subject/dmjafctx.html