浏览器兼容（3）宽高问题

（1） IE6下容器的宽度和高度与firefox解释不同。

        css：

                      width：100px； border：10px solid red；

          IE6下的宽度为100px，而firefox的宽度为120px；

 

    （2）页面最小宽度

               min-width可以制定元素的最小宽度，也就是制定之后这个元素的宽度不能小英这个值，

               但是IE6不支持此属性（I7之后支持）。这里可以用只要IE才认得的js解决这个问题

                     css：

                                    min-width： 600px；

                                     width: e-expression(document.body.clientWidth < 600 ? "60px" : "auto");

           (3)无法定义1px左右高度的容器

                  IE6的这个问题是由于默认行高照成的可以用这种方法解决：

                         css： overflow: hidden | zoom: 0.08 | line-height: 1px;

           (4)最小高度的问题

                min-height可以设置最小高度但是同意的IE6不支持解决方案是

                     css:

                                 height: auto !important;

                                 height: 200px;

                                  min-height: 200px;

 

              (5)div嵌套的时候y轴上外层div到内层div的距离

                        ff里y轴上的子div到父div的距离为父padding + 子margin

                        IE6里y轴上子div到父div的距离为父padding和子margin里较大的一个

                        ff里y轴上父padding = 0，且子div到父div的距离为0，子margin作用到父div外面