本文深入解析CSS中的position和display属性，详细说明了position属性的absolute和relative模式，以及display属性的inline、block和inline-block模式，帮助理解布局与元素显示方式。
背景：一直对CSS中的position和display懵懵懂懂，这几天查了一下，结合自己理解，通俗解释如下。
1、position属性：主要分为absolute和relative。
(其中好理解的static为默认值，按照在html文档中顺序显示；fixed为以浏览器为参照。)
我们知道<html>是所有元素的父节点。在一个html文档中，某一个节点（称为a节点）被设置为position:absolute时，“绝对位置”的“绝对”两字的参考点，是距离a节点最近的一个被设置为position:relative的父节点。
2、display属性：主要分为inline、block和inline-block。
inline:宽度高度与父节点的padding等属性有关，且与其他元素在同一行。
block:宽度高度与父节点的padding等属性无关，且单独一行。
inline-block:结合inlin和block的特点，宽度高度与父节点的padding等属性无关，且与其他元素在同一行。
扫一扫
486
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
