当前位置: 首页 > 面试题库 >

使用了float的标签,如何避免左侧贴边重叠?

明星剑
2023-03-14
本文向大家介绍使用了float的标签,如何避免左侧贴边重叠?相关面试题,主要包含被问及使用了float的标签,如何避免左侧贴边重叠?时的应答技巧和注意事项,需要的朋友参考一下

因为第一个 left 元素用了 float,所以脱离了普通文档流,而 right 元素因为在 BFC 内,自动贴到左侧,所以重叠了。

解决方案是,利用BFC这一特性:

  • 形成了BFC的区域不会与 float box 重叠

所以让 right 也形成 BFC 就行了:

.right {
  overflow: hidden;
}
 类似资料:
  • 我使用for循环将学生详细信息添加到ArrayList。当我给第二个学生提供详细信息时,它会覆盖第一个数据。螺柱类 将数据添加到ArrayList的主类。 输出:第二个数据[2,2]后的实际输出辊数[1]。预期输出应为卷号: A1姓名: F1 L1性别:男性年龄: 11体育赛事:标枪 报名号:A2姓名:F2 L2性别:女年龄:14体育项目:100米跑 报名号:A3姓名:F3 L3性别:男性年龄:1

  • 我使用展开图来创建标记。当用户悬停在标记上时,标题被显示出来。但是其他标记与标题重叠,所以它隐藏了标题中显示的信息。为了防止这种情况发生,我使用PGraphics将标题绘制为: 方法在屏幕上绘制缓冲区

  • 问题内容: 我正在尝试使用一些UI按钮将位置移动0.1或-0.1来影响3D模型的转换。 我的模型位置是一个三维浮点数,因此简单地向其中一个值添加0.1f会导致明显的舍入误差。虽然我可以使用BigDecimal之类的东西来保持精度,但我仍然必须将其从浮点数转换为最后的浮点数,并且它始终会产生愚蠢的数字,这使我的UI看起来一团糟。 我可以将显示的值设为漂亮,但是舍入错误只会随着更多的编辑而变得更糟,它

  • 目前的状态 才安装的时候,在项目下面有一个 git 版本控制icon 的,现在不在了。不知如何找回。 webstorm 版本信息 WebStorm 2024.1.2 Build #WS-241.15989.105, built on April 23, 2024 Runtime version: 17.0.10+1-b1207.14 amd64 VM: OpenJDK 64-Bit Server

  • 我想把收音机盒放在每个标签的右边: null null 我试着把标签放在输入标签之前来实现这一点,但是单选框消失了!!! 我该怎么解决这个?

  • 问题内容: 这看起来很丑。可选选项的优点在这里完全消失了。我读到应该使用或代替。但是,如果我更换每个吸气剂,真的有好处吗? 与 您知道这里的一些常见或最佳做法吗? 问题答案: 您可以使用 关键是仅在可选函数不为空时才评估映射函数,否则结果将保留为空。如果可选为空,将返回。