CSS是网页设计中必不可少的一部分,其中定位是最为重要的内容之一。在网页制作中,我们经常需要对各个元素进行定位,并设置其出现的位置和大小。下面简要介绍一下CSS中有哪些定位方式:
/* * position: static; * 默认值,表示元素不进行特殊定位,遵循正常文档流的排版规则。 */ /* * position: relative; * 相对定位,表示相对于元素原来所在的位置进行定位。 */ /* * position: absolute; * 绝对定位,表示相对于该元素的最近的已定位祖先元素进行定位。 * 如果没有已定位的祖先元素,则相对于body定位。 */ /* * position: fixed; * 固定定位,表示元素固定在浏览器的窗口视口上,不会随页面滚动而移动。 */ /* * position: sticky; * 粘性定位,表示元素在滚动到指定位置时变为固定定位,其余时候表现为相对定位。 */