css
将行内元素转换为块级元素：display:block
将块级元素转换为行内元素：display:inline
<!--div.class1{ font-size:16px; background-color:#C33}必须是div标签 样式为class1的才执行。-->
<!--/*div .class1{ font-size:16px; background-color:#C33}这个是div标签下的所有class1的样式都变*/-->
盒子原理：当一个盒子有margin padding border时 给这个盒子填充背景色时在ie6里border是填充不上背景色的。
标准流(垂直)：margin:是和父亲的距离还有兄弟的距离，当A盒子margin-buttom设置30px时 B盒子设置margin-top：30px时 A和B上下的盒子的距离是30;哪个margin值得以那个为准
非标准流（左右）：1、A盒子的margin-left:20px; b盒子的margin-right:20px; 那么A和B的盒子的距离是40px; 因为这是非标准流。2.尽量不要给第二个盒子浮动，将第一个盒子设置浮动后在将第二个盒子设置margin-left 不用设置浮动。
当有浮动时两个元素的margin没有踏线
标准流
解决子元素在父元素中使用margin不起作用的方法
1、在元素中使用overflow:hidden
2、让父元素浮动
浮动
浮动加倍：如果子元素在父元素中使用margin属性和float:left/right时 那么在ie6里margin-left/margin-right的距离就会*2
溢出：
溢出会对兄弟有影响重叠在一起（在ie8 和标准浏览器里，但是在ie6里面就会内容有多高，元素就有多高）//扩展框问题 给元素设置高度后在ie6里面是最小高度的意思。
处理溢出：
1、将溢出的元素中加上overflow:hidden后，会把溢出的内容隐藏起来。
2、将溢出的元素中加上overflow:auto后，会自动在元素中加入滚动条
3、将溢出的元素中加上overflow:scroll后，会自动在横、竖滚动条
非标准流
让父div包住子div浮动的方法，默认是不能包住的因为加了浮动就不是标准流了。
解决的办法:是给父div加一个标准流（在加一个子div清除浮动）
