3.信息排列示例学习

1.不适用table布局的原因

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

2.css sprit(精灵)技术

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

1 background{color image repeat left top}
2 
3 /**
4 示例
5 */
6 background{#fff url(../test.jpg) no-repeat -21px -34px}

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

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

1 overflow:hidden

 

转载于:https://www.cnblogs.com/binhuguang/p/4460324.html