清除浮动 div1、div2是两个div，div11、div12、div13是div1的子div，div11、div12左浮动，div13又浮动，如下图 清除浮动，使div2和div1的最底部平行，就像下面： 实现方法： 在div1中加入clearfix： 整体代码如下： <!DOCTYPE htm ...
分类：
其他好文 时间：
2018-01-21 21:35:50
阅读次数：
176
文档流：浏览器根据元素在html文档中出现的顺序，从左向右，从上到下依次排列。 浮动属性是CSS中的定位属性，用法如下： float: 浮动方向(left、right、none); left为左浮动、right为右浮动、none是默认值表示不浮动 设置元素的浮动，该元素将脱离文档流，向左或向右移动 ...
分类：
Web程序 时间：
2018-01-17 20:07:53
阅读次数：
161
1float浮动的属性值 left:向左浮动 right:向右浮动 2、当父元素未浮动，子元素浮动时，就会造成浮动塌陷 实例： 父元素： 子元素： 3、浮动的影响 在允许的空间并排显示，如果空间不够，会自动换行 改变块级元素占据一整行的特性，去掉多余的空间，把宽度缩成本身的内容的宽度或者设置的宽度 ...
分类：
其他好文 时间：
2017-12-04 22:17:39
阅读次数：
233
1.float浮动属性 left左浮动 right右浮动 2.clear 清除浮动 clear:both 3.overflow 溢出处理 hiddle 隐藏超出层大小的内容 scroll 无论内容是否超出层大小都添加滚动条 auto 超出时自动添加滚动条 eg： <!DOCTYPE html> <h ...
分类：
Web程序 时间：
2017-11-28 21:06:05
阅读次数：
200
注意事项： 1、for循环移除子节点时，其长度是变化的 2、在文档流中，input、img、p等标签与其他标签有3px的距离，利用左浮动，可以消除3px距离 3、背景图片定位时，第一个值是x轴方向的值，第二值是y轴方向的值 4、大多时候input标签outline属性时都设置为none，然后为其注册 ...
分类：
Web程序 时间：
2017-11-25 11:31:37
阅读次数：
209
css中的float： float:left 左浮动 float:right 右浮动 float:none 不浮动 float:inherit 继承浮动(继承父元素浮动属性，如果父元素无浮动属性，inherit失效) 浮动产生哪些问题：1.父元素塌陷，没有高度。2.网页中的临近元素出现异位 清除浮动 ...
分类：
Web程序 时间：
2017-11-23 08:13:00
阅读次数：
210
1、双边距BUG ：块级元素float后再设置margin时，IE6显示的margin比设置的大 使用 _display: inline 解决 2、3像素问题:一个元素左浮动，其他元素不浮动。中间有3PX 给其他的元素设置浮动 3、超链接hover点击后失效 使用正确的书写顺序： link visi ...
分类：
其他好文 时间：
2017-10-31 12:53:37
阅读次数：
134
css中的float： float:left 左浮动 float:right 右浮动 float:none 不浮动 float:inherit 继承浮动(继承父元素浮动属性，如果父元素无浮动属性，inherit失效) 浮动产生哪些问题：1.父元素塌陷，没有高度。2.网页中的临近元素出现异位 清除浮动 ...
分类：
Web程序 时间：
2017-10-23 18:41:54
阅读次数：
213
1.浮动是一种脱离标准文档流的形式。 作用：浮动就是用来制作多个盒子并排显示，也能设置宽高，负责网页排版 1 float:left; 左浮动 2 float:right; 右浮动 3 float:none; 不浮动 浮动的元素，会自动贴着父元素盒子的边。 左浮动：贴左边； 右浮动：贴右边； 重点：浏 ...
分类：
其他好文 时间：
2017-10-15 15:00:58
阅读次数：
120
一.浮动的特点： 1.只有左浮动和有浮动，不存在中间浮动；2.浮动碰到边界就停下来，无论是父元素的边界还是子元素的边界；3.浮动默认按文档流的形式布局，一行位置不够就自动换行；4.浮动会自动将行内元素或块元素转化为行内块元素，同时没有一般转化为行内块元素的间距问题；5.浮动元素后面没有浮动的元素会占 ...
分类：
其他好文 时间：
2017-09-26 01:03:49
阅读次数：
113
