搜索

当前位置:首页 > 全栈分享 > html+css > 正文

前端经验分享之定位

发布时间:2017-10-25 22:50:46作者:魏义齐阅读:()

本文为博主原创文章,未经博主允许不得转载。

从事前端工作快一年了,目前的定位我只会对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,菜鸟和大神也是千差万别的,理解了不等于会用,会用不等于不会出错,不会出错不等于熟练,熟练不等于能把代码做到最精简化,学前端谦虚、坚持、戒骄戒躁才是必备的素养。

魏义齐全栈技术交流:魏义齐web前端技术交流

上一篇:前端经验分享之上传工具的使用和扒改网页 下一篇:盘点竞价手机网页对meta标签的特殊需求

赞助本站

原创不易,您的赞助就是博主更新的动力!

赞助本站可在赞助光荣榜留下外链信息,支付宝扫此二维码可领红包