某人专用教程（第5天）—— 两列布局（1）
今天开始说2列布局吧。
?
仍然分为html与css两部分来讲。
?
html部分仍然非常简单。就是下面这个两层div的结构。其中，外层用一个class叫做content包裹起来。内侧有2个容器，分别叫做left和right。
?
?
首先我们需要让左侧浮动起来，并且给左侧固定的宽度。于是我们用到了：
?
?
.left{width:200px;float:left;background-color:#3ff;}.right{background-color:#3f3;margin-right:220px;_margin-left:217px;_zoom:1;}?
这个方案还缺失一部分：外层清浮动。以后到复杂布局的时候在讲啦。
?
这个方法的优点：
HTML结构非常简单。不需要为了样式呈现增加多余的Dom结构。（以后会讲到另一种方法，需要增加一层dom的，但是可以规避这个方法本身的一个缺陷。其实就是原来LC的英文版My account中的结构。
?
这个方法的缺点：
这个方法有个很大的缺点，也可以说是缺陷：左右侧必须有至少3px的间距。如果左右两侧是没有间距的，IE6下就挂了。如果有背景色的话，更是无法做到IE6下左右两侧背景色无缝隙的衔接在一起。中间会有3px抹不掉的白色！！
?
针对这个缺陷的解决方案：
解决方案也有~而且就实际需求来说，很靠谱。如果左右两侧有背景色的话。。那么左右两侧的背景色几乎都是要求平铺下来的，不会允许左右侧下边不齐吧！这个时候，这种布局的背景色，只能做成可纵向平铺的背景图了。其实也就很巧妙的可以解决IE6下这个bug了。。
?
?
