关于布局

左右布局

• 一般左右布局，左边是菜单栏，宽度是固定的，右边是内容栏，宽度是自适应的。
• 有时是左右一起浮动，浮动时注意添加clearfix来清除浮动带来的影响
• 还有的情况就是使用绝对定位来实现左右布局

左中右布局

• 左边跟右边固定宽度，中间的可以自适应宽度
• 左中右都浮动，然后按比例设置宽度
• 利用绝地定位来进行精确定位

水平居中

• 以< a> xxxxx < /a>为例；
  如果想用padding撑开这个标签，发现左右可以撑开，上下撑不开，因为a标签是内联元素，这是用border大法就可以很形象的表达出来
  这个时候就需要用inline-block。由于a的宽度不确定所以用不了margin：0 auto；这是 要让a居中的话只能在其外面再套一个标签，
  让外面那歌标签text-align：center;就可以居中。总结：当子元素为行内元素，对父元素设置text-align:center;
• 当子元素为定宽块状元素，设置左右margin值为auto，如：margin:0 atuo;
• 通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left:-50% 来实现水平居中

垂直居中

• 设置父元素的height等于行高line-height
• 通过给父元素设置 float，然后给父元素设置 position:relative 和 top:50%，子元素设置 position:relative 和 top:-50% 来实现垂直居中