DIV/层并排布局

DIV/层并排布局

以下在firefox，ie下都能很好显示。

#divLeft
{
  float: left;
  position: relative;
  background-color: aqua;
  height: 200px;
  width: 30%;
}
#divRight
{
  float: right;
  margin-left: 1px;
  position: relative;
  height: 200px;
  background-color: blue;
  width: 69%;
}

需注意的是：
  1，层最好宽度不固定。宽度一固定，那么当浏览器的屏幕宽度不够时，右边的DIV会显示到左边DIV之下，浏览器是很老实的，它不会帮你智能裁剪，所以才需要使用百分比。现在的网页大部分布局DIV都能随屏幕尺寸伸缩自己。
  2，百分比宽度也不能全用尽，比如像这样：30% vs 70%，至少要留出1%的宽度。右边DIV最好加上margin-left。
  3，如果需宽度固定，只需在所有布局DIV的外围套一个全局的宽度固定的层。
  最后，作了Coder不必要成为web ui设计者，但是稍微了解一下，也没甚么坏处，^_^。像struts的tiles，ofbiz的screen，webwork的sitemesh，如果布局布的好要省多少事啊。