top左边

top右边

中间左边

中间右边

底部

所有的高度都是自动增加的，兼容ff和ie8

.box:after{ content:".";height:0px;display:block; clear:both; visibility: hidden;}兼容IE8,FF
参考资料：学习网站http://www.aa25.cn/