鱼C论坛

 找回密码
 立即注册
查看: 2689|回复: 3

[已解决]关于CSS布局中的float问题

[复制链接]
发表于 2020-4-29 01:47:55 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
既然p元素和img元素都是浮动元素,会脱离文档流,那么为什么在div容器元素中添加一个元素就可以解决div容器的高度问题了呢?
我想的是浮动元素和普通元素会重叠

.news {
  background-color: gray;
  border: solid 1px black;
  }

.news img {
  float: left;
  }

.news p {
  float: right;
  }

.clear {
  clear: both;
  }

<div class="news">
<img src="news-pic.jpg" />
<p>some text</p>
[b]<div class="clear"></div>[/b]
</div>
最佳答案
2020-4-29 08:40:38
如果你想采取 float 布局,这个就是“套路”记住就好...

都是 BFC 机制在起作用
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-4-29 08:27:04 | 显示全部楼层
可能是两个元素的宽度加在一起撑大了……我也有点好奇是为什么,每次都得两个元素,不然出来的效果不忍直视……
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-29 08:40:38 | 显示全部楼层    本楼为最佳答案   
如果你想采取 float 布局,这个就是“套路”记住就好...

都是 BFC 机制在起作用
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-29 16:51:56 | 显示全部楼层
你div的高度都是有内容撑起来的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 18:35

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表