3.信息排列示例学习

1.不适用table布局的原因

1. 后期维护困难。
2. 不利于SEO，搜索引擎爬虫对table的收录不友好

2.css sprit(精灵)技术

原理，根据background中的相对左边和上边的定位

background{color image repeat left top}

/**
示例
*/
background{#fff url(../test.jpg) no-repeat -21px -34px}

3.元素设置成浮动以后，该元素就不会自动的把其父级元素撑开，此时应该为父级元素设置overflow:hidden来清除其受到的浮动影响。

4.当父元素设置高度宽度时，子元素的文字或图片宽高或者长度大于父元素的宽高，则会出现子元素溢出，此时使用overflow属性

overflow:hidden