微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

8 css定位有哪些

CSS是网页设计中必不可少的一部分,其中定位是最为重要的内容之一。在网页制作中,我们经常需要对各个元素进行定位,并设置其出现的位置和大小。下面简要介绍一下CSS中有哪些定位方式:

    /*
     * position: static;
     * 认值,表示元素不进行特殊定位,遵循正常文档流的排版规则。
     */
    
    /*
     * position: relative;
     * 相对定位,表示相对于元素原来所在的位置进行定位。
     */
    
    /*
     * position: absolute;
     * 绝对定位,表示相对于该元素的最近的已定位祖先元素进行定位。
     * 如果没有已定位的祖先元素,则相对于body定位。
     */
    
    /*
     * position: fixed;
     * 固定定位,表示元素固定在浏览器的窗口视口上,不会随页面滚动而移动。
     */
    
    /*
     * position: sticky;
     * 粘性定位,表示元素在滚动到指定位置时变为固定定位,其余时候表现为相对定位。
     */

8 css定位有哪些

综上,了解和掌握以上定位方式,能够更加灵活的控制网页元素的布局和位置,提升页面展示效果

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。