css常用定位 |css3 3d渲染

css中hero，css手型抓，登陆html css美化，css背景全屏底部空白，css 设置边框透明度，css和js是网站框架，css3 3d渲染 css常用定位 |css3 3d渲染

//CSS绝对定位
position: absolute;
top: 100px;
left: 50px;
//CSS相对定位
position: relative;
top: 50px;
left: 20px;
//CSS固定定位
position: fixed;
top: 10px;
right: 20px;
//CSS静态定位
position: static;

绝对定位与相对定位的区别在于它们的参照点不同，前者是以最近的非static定位的祖先元素作为参照点，后者则是以自身在文档流中的位置作为参照点。固定定位和静态定位区别在于前者会固定在浏览器窗口的某个位置，而后者则是普通的文档流中的元素。

除了以上几种定位方式，CSS还提供了弹性布局、栅格布局等高级的布局方式，可以很好地满足各种复杂布局需求。