当前位置： 移动技术网 > IT编程>网页制作>CSS > 前端基础复习--10CSS 定位？ PC端的布局？

前端基础复习--10CSS 定位？ PC端的布局？

2020年07月14日  | 移动技术网IT编程  | 我要评论

1. CSS 定位？

    position : 
        static（默认）
        relative
        absolute
        fixed
        sticky

    relative：
        如果没有定位偏移量，对元素本身没有任何影响
         不使元素脱离文档流
        不影响其他元素布局
        left、top、right、bottom是相对于当前元素自身进行偏移的

    absolute：
        使元素完全脱离文档流
         使内联元素支持宽高 （让内联具备块特性）
        使块元素默认宽根据内容决定（让块具备内联的特性）
        如果有定位祖先元素相对于定位祖先元素发生偏移，没有定位祖先元素相对于整个文档发生偏移（绝对、相对、固定）

    fixed：
        使元素完全脱离文档流
        使内联元素支持宽高 （让内联具备块特性）
        使块元素默认宽根据内容决定（让块具备内联的特性）
        相对于整个浏览器窗口进行偏移，不受浏览器滚动条的影响

    sticky黏性定位：
        在指定的位置，进行黏性操作。

    z-index定位层级。

2. PC端的布局？
    通栏 : 自适应浏览器的宽度。
    版心 : 固定一个宽度，并且让容器居中。  

本文地址：https://blog.csdn.net/m0_37483148/article/details/107280592

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网