float 与 position 剪不断理还乱的关系
Posted 年少不上班
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了float 与 position 剪不断理还乱的关系相关的知识，希望对你有一定的参考价值。
float：
1、使当前元素div1脱离文档流；
2、影响紧挨着它的后面的div2，使其钻到div1的下面。但是div2中文字不发生变动。（div2没有浮动）；
3、要想2个div并排显示，必须都要设置float；
position：
1、相对定位 relative；
2、绝对定位 absolute；使当前元素完全脱离文档流，就像在页面中没有该元素一样，或者说我把它从原来位置拿走了，它后面的元素当它不存在。要想并排显示两个div，
以上是关于float 与 position 剪不断理还乱的关系的主要内容，如果未能解决你的问题，请参考以下文章
在CSS 中，用 float 和 position 的区别是啥