wxya（个人网站）定位
CSS中，定位（positioning）是一种布局技术，通过使用
position属性来确定一个元素的位置。常用的定位方式有相对定位（relative position）和绝对定位（absolute position）。相对定位
相对定位是指在原有位置的基础之上进行微调整，不会完全脱离文档流，所以不会影响页面布局。相对定位可以与其他定位方式结合使用，如绝对定位、固定定位等等。
以下是相对定位需要使用的重要属性：
top：设置元素上部边缘距包含块上部边缘的偏移量
right：设置元素右侧边缘距包含块右侧边缘的偏移量
bottom：设置元素下部边缘距包含块下部边缘的偏移量
left：设置元素左侧边缘距包含块左侧边缘的偏移量
绝对定位
绝对定位
绝对定位将元素从文档流中完全拆离，可以将该元素定位到文档的任意位置，不会影响页面布局。绝对定位主要是按照包含块进行定位，而包含块可能是内容自身，也可能是最近的祖先元素，还有其他一些元素。如果无法找到已存在
position属性为非static的祖先元素，则默认使用文档视口。以下是绝对定位的重要属性：
top：设置元素上部边缘距其包含块上部边缘的偏移量
right：设置元素右侧边缘距其包含块右侧边缘的偏移量
bottom：设置元素下部边缘距其包含块下部边缘的偏移量
left：设置元素左侧边缘距其包含块左侧边缘的偏移量
z-index：设置定位元素的层叠顺序，即在悬浮区域中重叠的情况下，控制哪个元素位于哪个元素之上
Loading...