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这个属性不一定能完全显示盒子的内容,这需要盒子的高度做调整,每个浏览器的解析不一样,需要每个都照顾一下。

    

原文地址:https://www.cnblogs.com/zhu-xingyu/p/5284572.html