工作中使用比较频繁的
1.绝对定位
position:absolute 通常给子级加上这一属性;然后给他的父级加上position:relative;
这样一来就可以相对父级自由地利用top,left,right,bottom定位子级的位置。
优点是脱离文档流,而且没有兼容性的问题,用来解决一些相对复杂的布局十分方便。
2.当一个父级里的子元素全部有浮动属性时,为了让父级高度正常显示,最好的办法是加上overflow:auto
3.当布局不规范,或者自己感觉有一些奇怪的时候,不妨试试加一个<div style="clear:both"></div>
清除浮动,这样可以让布局恢复正常。
再有就是兼容性问题,各个浏览器,各种版本总是难免有一些不同。
尽可能保证布局的规范性吧。实在不行只能靠csshack了。
盗来一张大神总结的图片,瞻仰瞻仰。