css定位个人理解

刚从后端的大坑中解脱出来，然后就又跳进了前端的坑，前端好像比后端写的舒服，js写的贼爽，不用管什么类型，java中反射才能做到的事js直接将对象当map了，舒服啊！（废话了哈哈哈）

不扯了进入正题

css定位属性position有四种取值

    position：static; 标准的文档流模式，也就是行内元素占一行，按照顺序排列下来（设置top，left，right，bottom是不起作用的）

    position: relative; 按照自己原有的文档流位置定位（也就是说元素并不会脱离原有的文档流，会保留原有的文档流位置按照，可以设置定位属性）

    position: relative;多扯一句，这个元素理解上没什么问题，一段时间里我搞不懂这个元素具体在写代码的时候有什么作用，当我要为一张图片设置一个关闭按钮的时候我用到了他样式效果如下

代码如下（我就不废话解释了）：

        

    

×

小明

×

小明

×

小明

还是说一句，我的小红叉要设置绝对定位，他需要一个父级的定位元素，肯定不能是body ，所以我就想到了position: relative;这个属性

position: absolute;第三个属性绝对定位，这个属性也好理解，就是相对于父元素的非默认定位元素位置定位（好像有点绕口哈哈），解释一下吧：当设置这个元素后该元素会默认向上找定位元素，找不到就会以body元素为标准来定位，所以这个元素是相对于元素定位的，很自然的他就是不随鼠标滚轮移动的。这就是绝对定位

position:fixed ; 固定定位，这个没啥好说的很简单，就是相对于浏览器窗口定位的，常常用在那些边栏广告上的。

总结一下：css一开始写的时候会有一些莫名其妙的问题，但是写了几天感觉就那样，把定位搞懂，浮动搞定，还有一些盒子定位属性以及相关的新特性搞懂，然后就是一些伪类，最后就是实践了，然后前端果然没有后端难233333（当然js特效写的牛逼的人我还是很佩服的），最后吐槽一下我们公司老板，连美工都不招一个，叫我们程序员自己设计界面，搞的不好还要被骂，创业公司不好待啊！都是泪！！！！！