写几个布局方面的细节

工作中使用比较频繁的

1.绝对定位

position:absolute 通常给子级加上这一属性;然后给他的父级加上position:relative;

这样一来就可以相对父级自由地利用top，left，right，bottom定位子级的位置。

优点是脱离文档流，而且没有兼容性的问题，用来解决一些相对复杂的布局十分方便。

2.当一个父级里的子元素全部有浮动属性时，为了让父级高度正常显示，最好的办法是加上overflow:auto

3.当布局不规范，或者自己感觉有一些奇怪的时候，不妨试试加一个<div style="clear:both"></div>

清除浮动，这样可以让布局恢复正常。

再有就是兼容性问题，各个浏览器，各种版本总是难免有一些不同。

尽可能保证布局的规范性吧。实在不行只能靠csshack了。

盗来一张大神总结的图片，瞻仰瞻仰。