CSS定位

本是古典 何须时尚 2022-04-10 04:00 348阅读 0赞

div{
width:200px;
height:300px
}

固定定位： 页面的某一位置不动
相对定位： 相对于父级块标签，肉体还在，灵魂出窍
绝对定位： 相对于父级块标签，肉体不在

div{
width:200px;
height:300px;
background:yellow;
border: 1px solid black;
}
.container{
width:1000px;
height:500px;
background:rgb(41, 247, 14);
border: 1px solid black;
position: relative;
margin: auto;
}
.div1 {
width:200px;
height:300px;
background:yellow;
border: 1px solid black;
/* 定位： /
/ position: fixed;/固定/
/距离底边50px/
bottom:50px;
/距离右边20px /
right:20px;
/ top:; bottom:;
left:; right:; /
/ 相对定位 相对于父级 灵魂出窍，肉体还在/
/* position: relative;
top: 50px;
left: 50px; */

  1. /* 绝对定位： 肉体不在了，下面的会顶上去*/
  2. position: absolute;
  3. top: 50px;
  4. left: 50px;

}

CSS Demo

div1

div2

发表评论

表情：
评论列表 （有 0 条评论，348人围观）

还没有评论，来说两句吧...

相关阅读

    相关 CSS定位

    定位的分类 1.静态定位(static) 一般的标签元素不加任何定位属性都属于静态定位，在页面的最底层属于标准流。 2.绝对定位(absoulte) 一般与祖

    忘是亡心i忘是亡心i/ 0 赞/ 291 阅读

    相关 css_定位

    1) CSS定位的概念 CSS 定位 (Positioning) 属性允许你对元素进行定位。 它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素

    短命女短命女/ 0 赞/ 334 阅读