div+CSS布局（布局相关属性）

最新推荐文章于 2024-11-04 16:06:57 发布

原创最新推荐文章于 2024-11-04 16:06:57 发布 · 510 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨了CSS中position属性的使用，包括normal、absolute、fixed、static和inherit定位方式，以及如何通过block和inline属性将span转化为div或将div转化为span。同时，讲解了div与span在宽度设置上的区别，并介绍了z-index属性在元素覆盖优先级中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、position定位方式
正常定位related
根据父元素定位absolute
根据浏览器窗口位置定位fixed（客服窗口，在浏览整个网页的过程中定位的这一部分不动）
没有定位static
继承inherit
span应放置在div里面
2、定位
上下左右
覆盖优先级（z-index）
3、

block：可以吧span转化为div
inline：可以吧div转化为span
div加width可以起作用
span不起作用
在这里插入图片描述