关于浮动的前世今生(4)

作者:糖伴西红柿 来源:前端观察 时间:2009-08-19 18:51:00 

伟大的塌陷

使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素,那么它的高度就会塌缩为零。如果父元素不包含任何的可见背景,这个问题会很难被注意到,但是这是一个很重要的问题。

塌陷的直观对立面更不好,看看下面的情况:

当上面的块级元素自动扩展以适应浮动元素时,段落间的文本流中会出现非自然的空白换行,而且没有有效的方法来修正这个问题。对于这种情况,设计师的抱怨会更甚于对塌陷的抱怨(没理解,不是设计完成之后才会进行页面编码吗?- 糖伴西红柿)。

为了防止怪异的布局和跨浏览器的问题,塌陷问题几乎总是被要处理的。我们在容器中的浮动元素之后,容器结束之前来清除浮动。

标签:浮动,float,css
0
投稿

猜你喜欢

  • JavaScript 禁止用户保存图片的实现代码

    2024-04-28 09:48:11
  • 简化SQL Server备份与还原到云工作原理及操作方法

    2024-01-18 14:27:36
  • Python使用pandas将表格数据进行处理

    2023-10-08 06:23:55
  • Windows下MySQL8.0.11社区绿色版安装步骤图解

    2024-01-14 23:02:34
  • 详解python中GPU版本的opencv常用方法介绍

    2023-09-19 22:55:17
  • 基于Vue+Openlayer实现动态加载geojson的方法

    2024-04-27 16:12:22
  • Python和GO语言实现的消息摘要算法示例

    2023-03-27 02:07:05
  • python 使用Tensorflow训练BP神经网络实现鸢尾花分类

    2023-04-15 13:29:00
  • python字符串切割:str.split()与re.split()的对比分析

    2022-08-09 20:57:13
  • 新手必备的Python实用技巧和工具

    2022-08-20 04:59:01
  • JavaScript EasyPager 分页函数

    2024-06-16 21:14:31
  • Python如何在循环内使用list.remove()

    2023-06-07 09:11:33
  • sql with as用法详解

    2024-01-18 22:43:15
  • vue.js的vue-cli脚手架中使用百度地图API的实例

    2024-05-05 09:07:59
  • OpenCV每日函数之BarcodeDetector类条码检测器

    2023-03-28 02:22:39
  • json显示日期带T问题的解决方法

    2022-05-12 16:50:37
  • 浅谈pytorch中torch.max和F.softmax函数的维度解释

    2023-01-07 15:08:01
  • Vue.js结合SortableJS实现树形数据拖拽

    2024-04-30 10:38:06
  • CMD命令操作MSSQL2005数据库(命令整理)

    2024-01-21 11:14:49
  • mysql 批量更新与批量更新多条记录的不同值实现方法

    2024-01-18 22:56:18
  • asp之家 网络编程 m.aspxhome.com