浮动之后高度塌陷 及兼容 图片问题 移动端
2018-12-25 本文已影响29人
persistlu
浮动之后高度塌陷:解决办法:第一种:给父元素添加overflow:hidden”第二种:在浮动元素后面添加空的div,并且给这个:添加样式{clear:both;height:0;overflow:hidden}第三种:万能清除法clearfix::after{clear:both;height:0;overflow:hidden;visibility:hidden;display:block;content:"";}只要有浮动就给父元素添加class属性,属性名为clearfix(5)伪对象::after::before::first-letter::first-line
IE兼容:
![](https://img.haomeiwen.com/i13849970/442e880496d13d6f.png)
图片:去边框和3像素
![](https://img.haomeiwen.com/i13849970/563fc6a7e92108d0.png)
![](https://img.haomeiwen.com/i13849970/e1a1fa2424eedd7b.png)
移动端边框1px问题:用缩放
![](https://img.haomeiwen.com/i13849970/7c7fd350e109e405.png)
doctype:
![](https://img.haomeiwen.com/i13849970/64aefbd325671143.png)
img:
![](https://img.haomeiwen.com/i13849970/964fed9e595ea135.png)
屏蔽鼠标事件:
![](https://img.haomeiwen.com/i13849970/28c4c1c5e1c69c7c.png)
![](https://img.haomeiwen.com/i13849970/e228bd139d3fae8d.png)
![](https://img.haomeiwen.com/i13849970/a134573c9877348e.png)