css定位控制 |纯css3特效教程

css空白标签，css中里面居中，css样式无法修改字体，css样式表加粗，在css中标签背景颜色，css中什么会造成浮动，纯css3特效教程 css定位控制 |纯css3特效教程

position: static;
position: relative;
position: absolute;
position: fixed;

其中，position: static;是默认的定位属性，即元素在文档流中的原始位置。因此，它不需要任何其他的属性值。

position: relative;是相对定位，元素在文档流中仍占据原来的位置，只是可以通过设置top、right、bottom、left属性值来调整元素的位置。这种定位方式不会对其他元素造成不必要的影响。

div{
	position: relative;
	top: 20px;
	left: 30px;
}

position: absolute;是绝对定位，元素的位置相对于最近的已定位祖先元素或文档边界。它会使元素脱离文档流，并不占据原来的位置。同样可以通过设置top、right、bottom、left属性值来调整元素的位置。

div{
	position: absolute;
	top: 20px;
	right: 30px;
}

position: fixed;是固定定位，元素的位置相对于浏览器窗口而不是文档。固定定位的元素不会随着页面的滚动而滚动，总是停留在同一位置。

div{
	position: fixed;
	top: 20px;
	right: 30px;
}

需要注意的是，绝对定位和固定定位都会使元素脱离文档流，因此可能对其他元素造成影响。在使用这两种定位方式时，需要考虑相对应的offset值，使该元素占据与原来相同的空间。