清除浮动
- 添加新的元素clear： both
- 父级div定义 overflow：auto
- 伪类 clear：after
- 隐藏overflow：hidden
块级元素和行内元素
一、常见的块级元素
- div常用的块级元素
- table表格
- h1-h6 六级标题
- hr 水平分割线
- p 段落
二、常见的行内元素
- a 锚点
- em 强调
- i 斜体
- img 图片
- var 定义变量
三、块级元素的特点
- 总是在新行上开始，占据一整行
- 高度，行高以及外边距和内边距都可以控制
- 宽度始终是与浏览器的宽度一样，与内容无关
- 它可以容纳内联元素和其他块元素
四、行内元素的特点
- 和其他元素都在一行上
- 高，行高及外边距和内边距部分可改变
- 宽度只与内容有关
- 行内元素只能容纳文本或者其他行内元素
- 不可设置宽高，其宽度随着内容增加，高度随字体的大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用
元素隐藏
- display:none
元素会在页面上彻底消失，元素本来占有的空间就会被其他元素战友，也就是说，它会导致浏览器的重排和重绘，
元素彻底消失，很显然不会触发其点击事件 - visibility:hidden
也是一种常见的隐藏元素的方法，与overhidden的区别就是，元素在页面消失时，其占据的空间依旧会保留着，所以它只会导致浏览器重绘而不会重排，方法元素也是消失了，只是依然占据着页面空间。 - opacity
属性我相信大家都知道表示元素的透明度，而将元素的透明度设置为0后，在我们用户眼中，元素也是隐藏的，这算是一种隐藏元素的方法， - absolute
设置固定定位使其在浏览器外面，例如left：-1000px
