在CSS3中设置
元素的位置有很多种方法，其中最常用的是使用定位属性。定位属性有两种类型：相对定位和绝对定位。
/*使用相对定位*/
div{
position: relative;
left: 30px;
top: 50px;
}
/*使用绝对定位*/
div{
position: absolute;
left: 30px;
top: 50px;
}使用相对定位时，
元素会相对于其原始位置进行移动。具体来说，下面的CSS样式将会把
元素向左移动30px，向下移动50px:
div{
position: relative;
left: 30px;
top: 50px;
}使用绝对定位时，
元素会相对于其最近的已定位祖先元素进行移动。如果没有已定位的祖先元素，则该元素会相对于元素进行定位。下面的CSS样式将会把
元素移动到距离页面左边缘30px，距离页面上边缘50px的位置:
div{
position: absolute;
left: 30px;
top: 50px;
}如果要精确地控制一个
元素的位置，可以使用像素值或百分比值进行定位。下面的CSS样式将会把
元素相对于其原始位置向左移动50像素:
div{
position: relative;
left: -50px;
}在CSS3中，定位元素的同时还可以使用其他的CSS属性来控制该元素的样式。例如，可以使用背景属性来设置
元素的背景样式，使用边框属性来设置
css设置div不同颜色.txt |webpack 合并css
元素的边框样式，等等。通过掌握这些技巧，可以轻松地创建出精美的网页布局效果。
css设置div不同颜色.txt |webpack 合并css | css设置div不同颜色.txt |webpack 合并css ...