CSS Position(定位)

2019-06-17  本文已影响0人  Lzg

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; 左右移动。

上一篇 下一篇

猜你喜欢

热点阅读