css重新认识(2)

1)行内元素可以用margin-left与margin-right调整位置，但用margin-top与margin-bottom来调整位置不会有效果,只有具有block属性值后才能像块级元素般被外边距上下调整;

2)在一行中，不建议优先考虑用行内元素充当块级元素(div才应当是你的首选)，特别是在同一行中用不同的行内元素充当不同大小的块级元素(如a与span)，这样做的弊端挺多的：

1>同一行某个行内元素做位置调整时，其他行内元素位置会一起做出变化(这点我遇到时觉得真的很莫名奇妙);

2>在IE8里,行内元素的padding可能会失效（a标签的伪类hover设置padding有效),所以尽量避免设置padding值对于兼容浏览器特别是IE是很重要的，这一点在兼容屏幕分辨率时也很重要，因为在padding确定时内容部分会在受到空间挤压时首先改变大小,设置padding，无形当中占用了内容部分的伸缩空间。

3>div是浏览器公认的解决样式的主流元素，尽量用div来实现定位和做盒子，一定程度上可以避免浏览器解析的差异。

3）overflow:scroll这个属性不一定能完全显示盒子的内容，这需要盒子的高度做调整，每个浏览器的解析不一样，需要每个都照顾一下。