css解决方案一

经过一段时间的练习，对CSS已经有了更深层的理解，现在所有的都是在以前的基础上，查漏补缺

学习目标

• 固定宽度布局解决方案
• border 解决方案
• 清除浮动
• 省略号解决

参考资料

• 掘金

---

1. 图文混排解决方案

• 第一种方法：背景图片法
• 第二种方法：浮动法
• 第三种方法：overflow法
• 第四种方法：相对绝对定位法
• 第五种方法：float加padding法

背景图片法：

原理:给元素左边设置padding-left跟元素宽度一样，然后把图片用背景图片的形式放进去。
缺点：比较呆板，不能实现文字环绕的形式
CSS: 

搜狗截图17年04月27日1500_2.png

搜狗截图17年04月27日1500_1.png

浮动法:

思路是对左右元素都设置浮动和宽度。但是一定要注意清除子元素的浮动及ie6的双倍margin，不然会出现错误效果或影响其他元素的布局

第三种方法：overflow法

未完待续