关于浮动的前世今生(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