8 css定位有哪些

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

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

8 css定位有哪些

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效