CSS定位

最新推荐文章于 2024-04-09 10:14:35 发布

Code_dcy

最新推荐文章于 2024-04-09 10:14:35 发布

阅读量367

点赞数

分类专栏： CSS 文章标签： css3 web前端

本文链接：https://blog.youkuaiyun.com/qq_34825292/article/details/75045094

版权

CSS 专栏收录该内容

3 篇文章

订阅专栏

补充CSS定位：position
1.绝对定位：

position:absolute;
left:20px;
top:20px;

    绝对定位以父容器的左上角顶点为参照，上例为元素左边距离父容器20px,距离父容器上部20px的位置（确定位置也以自己的左上角为基准）。

2.相对定位：

position:relative;
left:20%;
top:30%;

     相对定位以该元素原本的位置的左上角位置为参照，其他与绝对定位相同。left,top的参数可以是具体像素，也可以是百分比，如果需要改变方向可以用bottom,right,或者在left,top的属性值上加负号，表示相反方向偏移。
     **注意：相对定位保留原本在常规流中占据的空间，绝对定位不保留原本在常规流中占据的空间，即使用绝对定位后，元素会脱离常规流(normal flow)也叫正常流，其他元素布局时会无视该元素的存在。**