前端经验分享之定位

从事前端工作快一年了，目前的定位我只会对li和极少数div用float，其它的都用position，对于初学者来position定位颇有点难度，但只要掌握了，并经常去用，你会发现position定位是那么“舒服”！

float定位的缺陷，相信用过的人都知道：

1.浮动的关联性，有时候会遇到给一个浮动，其它的都得给浮动，自己写的代码也就罢了，在哪加浮动很清楚，如果是改别人的代码，就麻烦了。

2.定位容易出错，有时候会遇到明明都给了浮动，但是有的会飘在半道上，你得清除浮动，前提是你得找到哪里没有清除浮动。

3.代码很麻烦，float定位还需要margin的结合，本来四行代码就能解决的事（父盒子position:relative，盒子里的元素position:absolute;left/righ:*px;top/bottttom:*px;），float得好几行，还容易出错。

position定位的优势：

1.受影响因素小，父盒子position:relative;子元素position:absolute,这两者就会形成一个整体，不会受其它定位因素的影响。

2.方便快捷，这是position定位最大的优势，最简短的代码完成最不需要操心的事。

3.可应用范围广。

position定位唯一的劣势就是在对li上定位比较麻烦。

学东西不可急于求成，不管是培训机构还是正规大学的教学都是由易到难，循序渐进，先教float、margin，再教position，这是很科学的。

任何东西哪怕是div+css，菜鸟和大神也是千差万别的，理解了不等于会用，会用不等于不会出错，不会出错不等于熟练，学前端谦虚、坚持、戒骄戒躁才是必备的素养。