首页 > Web开发 > 详细

css 设置float浮动元素盒子无法定位高度怎么办,float影响下面div盒子偏移怎么办

时间:2020-07-01 20:03:08      阅读:109      评论:0      收藏:0      [点我收藏+]

问题展示:可以看到设置float:left的盒子没有高度,导致下面的盒子错乱,往上移了。

技术分享图片

 

 正确展示:

第一种方法:只需要在float浮动盒子的父级元素加上  overflowhidden   就可以!

技术分享图片

 

 第二种解决办法:在浮动div的后面加上这个就可以

<div style={{ clear: ‘both‘ }}/>

技术分享图片


第三种:直接设置父级盒子高度---(不建议,有时候不知道盒子高度有多少呢)

个人强烈建议第一种次之第二,看场景。

css 设置float浮动元素盒子无法定位高度怎么办,float影响下面div盒子偏移怎么办

原文:https://www.cnblogs.com/seemoon/p/13220657.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!