【Web前端问题】css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？

• Z时代
• 2024-01-10
• 分类：技术分享

回答：

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

建议阅读 深入解析 float

回答：

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

回答：

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

回答：

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

回答：

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

回答：

添加清除浮动即可

.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; }

回答：

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

回答：

地方

以上是 【Web前端问题】css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？ 的全部内容， 来源链接： utcz.com/a/141137.html