面试题

1：图片间隙问题如何解决？
1:display:block;
2:不让它以基线对齐 ----》底线 顶线 中线 随意一个就可以解决 vertical-align:top/middle/bottom
3:文字行高为0 文字大小也为0 —》装图片的盒子设置 font-size:0 line-height:0
2：说一说常见的浏览器兼容问题？
比如ie8图片边框问题，ie6浮动双边距问题都可以说
3：等高布局，双飞翼布局，以及圣杯布局的实现原理？
圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动，区别在于解决中间栏div的内容不被遮挡上，圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为三栏是单独分开的（如果可以看到空隙的话），而双飞翼布局是在中间栏的div中嵌套一个div，内容写在嵌套的div里，然后对嵌套的div设置margin-left和margin-right，效果上表现为左右两栏在中间栏的上面，中间栏还是100%宽度，只不过中间栏的内容通过margin的值显示在中间。

等高布局：给每一列添加相应的容器，并进行相互嵌套，并在每个容器中设置背景色，通过相对定位移动盒子到相应位置。