css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？

Question

Answer 1

float只是脱离了文档流的dom空间，但是还占据着文字空间

建议阅读 深入解析 float

Answer 2

会影响的，想不影响其他元素用absolute布局

Answer 3

float就是会有浮动的，原理性的东西你理解错了，建议你去系统的看看float这个属性，然后学习学习怎么清除浮动。

Answer 4

float 会影响布局 我们一般都会在使用完浮动的时候清除浮动 如果想对页面布局不影响 可以使用absolute去处理

Answer 5

float脱离了正常的文档流，清浮动就是为了回归正常的文档流；如果不想影响其他排版可以使用定位来达到目的。

Answer 6

添加清除浮动即可

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.clearfix::after {
  clear: both; }

Answer 7

浮动影响最大了，要不然清除浮动干嘛用的
用定位吧

Answer 8

地方