一、float 1.当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化 2.清除浮动 （1）clear属性：both、left、right 给受到浮动影响的元素添加 注意：当父级包含块缩成一条时，用clear：both清除浮动无效，他一般用于紧邻后面的元素为之清除浮动 （2）设置宽 ...
分类：
Web程序 时间：
2016-12-03 11:55:13
阅读次数：
242
恢复内容开始 传说中的双飞燕布局？好吧 预期效果。 左右两侧 固定像素100px，中间自适应剩余区域 1. 左float + 右float + 中 设为BFC（overflow:hidden） 注意不可用clear属性，此外 main区域需要位于left right之后 HTML结构 CSS 2. ...
分类：
其他好文 时间：
2016-11-24 14:17:38
阅读次数：
186
clear：left;表示左侧不能有浮动元素。 clear：right;表示右侧不能有浮动元素。clear：both;表示左右两侧都不能有浮动元素。 但在使用时，还得考虑css优先级问题。相同类型选择器制定的样式，在样式表文件中，越靠后的优先级越高 。 当所有元素的clear属性都设为right时， ...
分类：
Web程序 时间：
2016-11-06 22:42:11
阅读次数：
219
CSS中float和Clear的使用 本文和大家重点讨论一下CSS中Float和Clear属性的使用，一个float对象可以居左或居右，一个设置为float的对象，将根据设置的方向，左移或右移到其父容器的边界，或其前面的float对象的边界，而紧随其后的非float对象或内容，则包围在其相反的方向。 ...
分类：
Web程序 时间：
2016-10-27 00:42:17
阅读次数：
198
1元素浮动float 使用了浮动属性后，浮动的元素从文档流中脱离出来，同时，它对布局中的其它元素造成一定影响，，使环绕该元素的内容从新布局。 2清除浮动的影响clear clear属性的取值包括：none,left,right,both,分别表示：允许元素的两边都可以有浮动元素，不允许左边有浮动元素 ...
分类：
Web程序 时间：
2016-10-17 06:49:05
阅读次数：
246
CSS中浮动的主要目的有两种，一是为了实现文字绕排图片的效果，而是为了创建多栏布局。不得不说浮动浮动和清除是用来组织页面布局的一柄利剑，这柄剑的剑刃就是 float 和 clear属性。稍有不慎，剑走偏锋，页面就会变得满目疮痍，只有洞悉背后的玄机，方能游刃有余。 大家都知道浮动元素会脱离常规文档流，... ...
分类：
其他好文 时间：
2016-06-18 16:53:20
阅读次数：
193
说到元素的浮动，首先要明确一个概念就是包含块(containing block)。所谓浮动元素的包含块，就是其最近的块级祖先元素。我们后面会举例来说明。这里关于浮动的问题，主要有以下几点：
1、浮动元素的外边界不能超过其包含块的内边界。
2、浮动元素的外边界是另一浮动元素的外边界。
3、浮动元素的顶端不能比之前出现的浮动元素的顶端更高。
4、浮动元素顶端不超过当前行。
5、clear属性。
1、浮动...
分类：
Web程序 时间：
2016-06-12 02:08:04
阅读次数：
328
问题引入：普通的div被浮动的div覆盖了，所以要想让普通的元素不被覆盖。 效果： 所以这里div的另一个属性(clear属性) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1 ...
分类：
其他好文 时间：
2016-05-15 11:06:30
阅读次数：
150
flex布局为弹性布局，在布局方便提供很大的便利。 flex布局的定义 Flex是Flexible Box的缩写，意为"弹性布局"，任何一个容器都可以指定为Flex布局。 ps：设置为flex后，子元素的float，vertical-align,clear属性会失效。 flex父元素属性 1. fl ...
分类：
其他好文 时间：
2016-04-26 15:49:27
阅读次数：
147
第十三章 1.在使用浮动时，源代码的顺序非常重要。浮动元素的HTML必须处在要包围它的元素的HTML之前。 2.清楚浮动： (1).在外围div的底部添加一个清除元素：clear属性可以防止元素包围浮动元素。关键字：left、right或both。 (2).浮动外围元素：让包含浮动元素的<div>也 ...
分类：
Web程序 时间：
2016-04-06 23:00:39
阅读次数：
208
