经过一段时间的练习,对CSS已经有了更深层的理解,现在所有的都是在以前的基础上,查漏补缺
学习目标
- 固定宽度布局解决方案
- border 解决方案
- 清除浮动
- 省略号解决
参考资料
1. 图文混排解决方案
- 第一种方法:背景图片法
- 第二种方法:浮动法
- 第三种方法:overflow法
- 第四种方法:相对绝对定位法
- 第五种方法:float加padding法
背景图片法:
原理:给元素左边设置padding-left跟元素宽度一样,然后把图片用背景图片的形式放进去。
缺点:比较呆板,不能实现文字环绕的形式
CSS:
浮动法:
思路是对左右元素都设置浮动和宽度。但是一定要注意清除子元素的浮动及ie6的双倍margin,不然会出现错误效果或影响其他元素的布局
第三种方法:overflow法
未完待续