div布局的小心得

　　　有3个div盒子A、B、C，要依次并排的放置在O中，可使用的方法有：

<div id="O">
  <div id="A"></div>
  <div id="B"></div>
  <div id="C"></div>
</div>

/**css**/

#O{
  position: relative;
}

#A {
  float: left;
}

#B{
  margin-left: A 的宽度和AB间的间距
}

#C{
  position: absolute;
  left: A+B的宽度和间距
}

　　这种方法以B为主导，B的高度有多高，A、C的高度就有多高。