关于浮动的前世今生（4）
作者：糖伴西红柿 来源：前端观察 发布时间：2009-08-19 18:51:00
标签：浮动,float,css
伟大的塌陷
使用浮动(float)的一个比较疑惑的事情是他们怎么影响包含他们的父元素的。如果父元素只包含浮动元素，那么它的高度就会塌缩为零。如果父元素不包含任何的可见背景，这个问题会很难被注意到，但是这是一个很重要的问题。
塌陷的直观对立面更不好，看看下面的情况：
当上面的块级元素自动扩展以适应浮动元素时，段落间的文本流中会出现非自然的空白换行，而且没有有效的方法来修正这个问题。对于这种情况，设计师的抱怨会更甚于对塌陷的抱怨（没理解，不是设计完成之后才会进行页面编码吗？－ 糖伴西红柿）。
为了防止怪异的布局和跨浏览器的问题，塌陷问题几乎总是被要处理的。我们在容器中的浮动元素之后，容器结束之前来清除浮动。
0
投稿猜你喜欢
- 本文实例为大家分享了python读取图片并修改文件大小的具体代码，供大家参考，具体内容如下# Author:NDK# -*- coding:
你需要添加两个按钮：一个按钮使所有英雄都可以死亡，而另一个按钮使所有英雄永生。由于它会影响所有英雄，而与选择无关，因此这需要一个单独的按钮，- 由于车票难抢，有时需要的车票已经售空，而我们需要捡漏，便可使用这个脚本。具体实现了，自动查询某一车票的余票数量，当数量产生变化时，将自动发送
- 第一部分 关于requests库(1) requests是一个很实用的Python HTTP客户端库，编写爬虫和测试服务器响应数据时经常会用
- 首先，我们来随便写一个带空格的列表：list1 = ['122','2333','3444'
- tensorflow支持14种不同的类型，主要包括：实数：tf.float32 tf.float64整数：tf.int8 tf.int16
- 本文实例为大家分享了JS实现倒计时图文效果的具体代码，供大家参考，具体内容如下<body><img src="i
- 一、Pyecharts 概述Pyechart 是一个用于生成 Echarts 图表（Echarts 是基于 Javascript 的开源可视
- elasticsearch 的client ，通过 NewClient 建立连接，通过 NewClient 中的 Set.URL设置访问的地
- 现在介绍加速网页图形显示速度的六种方法，为你解决这个难题。其最基本的宗旨就是，让你用买鱼的价钱，品尝到熊掌的美味和营养。 1.首先要确定图像
- 在学习Python正则式的过程中，有一个问题一直困扰我，如何去匹配一个反斜杠（即“\”）？一、引入在学习了Python特殊字符和原始字符串之
- 本文实例为大家分享了JavaScript实现扫雷小游戏的具体代码，供大家参考，具体内容如下工具：Sublime Text / Dreamwe
- 1. show variables like '％profiling％';(查看profiling信息) &nbs
- 这篇文章主要介绍了Python namedtuple命名元组实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考
- 浏览器的简单操作# 导入webdriver模块# 创建driver对象，指定Chrome浏览器driver = webdrive
- 注：本文是应Alan邀请为《CSS布局实录》写的一个web标准入门指导。书已经上市近一年了，现在摘选出来，给初学者一个参考。希望了解更多实现
- 用uniapp开发APP时，为了开发方便，经常是H5开发好，然后再弄APP的兼容性问题。所以可能会涉及到跨域，此时也可以让后端同学帮忙，但是
- 这是lgzx公司的一道面试题，要求给js的String添加一个方法，去除字符串两旁的空白字符（包括空格、制表符、换页符等）。 String.
- 目录代码分享一、安装并创建Scrapy项目二、爬取应用市场评论过程1. Scrapy爬虫运行流程2. 页面分析页面分析过程一页面分析过程二页
- #squeeze 函数：从数组的形状中删除单维度条目，即把shape中为1的维度去掉#unsqueeze() 是squeeze()的反向操作
