网页设计代码总结-----布局（1）-monkeyleo

长时间未曾动笔至今已忘了如何组织语言，故注册此博客园帐号。一来，总结自己平时编程中遇到的[坑]；二来，记录下自己的编程生涯，以待来日回顾。本篇总结的来源是近期自己所负责的一个云平台项目。这是第一篇，关于布局。

　　传统的布局方式一般都是盒模型，并依赖于display、position或者float。然而position具有不能自适应内部高度的缺点，需要固定的容器高度；float存在父元素塌陷，需要用清除浮动解决；同时，对于某些布局方式也较为麻烦，例如垂直居中。如果使用传统的盒模型方法的话，其代码一般为：　

  .mid { position : absolute ; left : 50% ; top : 50% ; margin-top : -1/2*Height ; margin-left : -1/2*Width ;} 

查看更多关于网页设计代码总结-----布局（1）-monkeyleo的详细内容...