84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
最近在学习css2的布局问题,float还可以,position一直没搞明白?
欢迎选择我的课程,让我们一起见证您的进步~~
我写过一篇专门介绍 position 的博文,建议题主一读:
position
《详解 CSS 属性 - position》
position 你要理解绝对和相对,去问下度娘的解释吧 父和子的关系
看文字性的东西很难,试着写一个demo,把position属性相关的值一个个写一个,看效果理解知识点是最容易的。position
我的看法是,布局不用纠结,根据使用场景选择合适的方式 比如,我最近刚学习的新技能http://segmentfault.com/q/1010000000535323
float是从上往下,从左往右这样平铺式布局,position相当于在原有的布局基础上贴了一块补丁在上面,想往哪儿贴就往哪儿贴,如非特殊需要,用float就行了
本来一个块是会占据父块的全部横向空间,即使不够长也会使用margin补够长度,float会消除margin,使块依次浮动在左或者右边,而position则根据不同,relative,absolute然后加上外层有position属性的元素来定位,left,right,bottom,top你想往哪移动就往哪里移动啦
float是随波逐流,跟着前面的走,或者跟着指挥走,或左,或右。 position是自由,像在哪在哪,想靠top,想靠left,想靠bottom,想靠right.
我写过一篇专门介绍
position
的博文,建议题主一读:看文字性的东西很难,试着写一个demo,把position属性相关的值一个个写一个,看效果理解知识点是最容易的。position
我的看法是,布局不用纠结,根据使用场景选择合适的方式
比如,我最近刚学习的新技能http://segmentfault.com/q/1010000000535323
float是从上往下,从左往右这样平铺式布局,position相当于在原有的布局基础上贴了一块补丁在上面,想往哪儿贴就往哪儿贴,如非特殊需要,用float就行了
本来一个块是会占据父块的全部横向空间,即使不够长也会使用margin补够长度,float会消除margin,使块依次浮动在左或者右边,而position则根据不同,relative,absolute然后加上外层有position属性的元素来定位,left,right,bottom,top你想往哪移动就往哪里移动啦
float是随波逐流,跟着前面的走,或者跟着指挥走,或左,或右。
position是自由,像在哪在哪,想靠top,想靠left,想靠bottom,想靠right.