浮动兼容问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Sensation_cyq/article/details/50997386


1、IE 双边距 BUG 

IE 下块属性标签浮动,并且有横向margin,横向margin加倍:

(1)IE6 

(2)浮动

(3)横向margin

(4)块属性标签(加display:inline)


2、IE 下 li 部分兼容性问题

(1)左右两列布局,右边右浮动 IE6,IE7 下折行(左边元素浮动)

(2)IE6,IE7 li 下元素都浮动 在 IE6,IE7 下 li 下方会产生4px间隙问题

解决方式:通过给元素添加:vertical-align:top


3、vertival-align / img 问题

vertical-align 垂直对齐方式

(1)加垂直对齐方式的同排元素都要加垂直对其方式

(2)垂直对齐方式可以解决元素下方间隙问题


图片下方间隙问题

(1)display:block (改变标签本身特性)

(2)overflow:hidden (必须知道图片高度)

(3)vertical-align 暂时最完美的解决方案


博主设置当前文章不允许评论。

没有更多推荐了,返回首页