重新认识margin和负margin的实际应用

重新认识margin和负margin的实际应用

margin是我们再熟悉不过的属性了,在限定模块之间的距离、制作流动性布局、解决IE6\7 bug以及margin负值时发挥了很大作用,所以有必要总结一下,特别是要对负margin的理解,因为它对日常工作的一些问题能很好的解决。

然后,在了解 负margin 之前,我们首先得非常清楚margin是啥玩样。

Margin 是什么

The margin clears an area around

阅读更多»

IE css bug的罪恶根源——hasLayout(布局)

IE css bug的罪恶根源——hasLayout(布局)

由于各个浏览器的渲染CSS引擎不同,从而导致工程师们要写很多代码来解决很多兼容性的问题,在 css 不兼容上lE的 bug 比太多数浏览器都多。IE的与其他浏览器不同的原因之一是,IE的CSS渲染引擎使用一个称为布局(layout)的内部概念。很多的ie下的css bug都与其息息相关。所以理解这个概念以及它如何影响CSS是有捂助的。

什么是布局(layout)

“Layout”是一个 IE 的

阅读更多»

css解决水平垂直居中对齐-样式解决方案仓库

css解决水平垂直居中对齐-样式解决方案仓库

前端工程师必备样式解决方案之css解决水平垂直居中对齐。大家肯定之前在网上收集到很多水平垂直居中的方法,今天我把这几种常见的方法列出来,看看这些方法各自的优缺点。

解决方法从前辈们那学来的,我只是将它们整理。而且将现代浏览器下的居中方法,为了支持IE6、IE7下的hack两者最优的hack方法结合。

方法1——利用line-height

[原理]我们知道只要将 line-height 和 hei

阅读更多»

1