领悟 DIV+CSS最小高度（兼容IE6\IE7\FF）

    页面是二栏的左右分，左栏算是导航菜单固定不变，长约1160PX，右边是产品的详细信息且是动态的，可长可短。

    左右栏中间是一条1PX灰色的分隔线，就是这根分隔线倒底是定在左栏的右边框上，还是定在右栏的左边框上，问题有点头痛。因为左边定死1160PX，右边是自由伸展。如果定在左栏上，右栏动态内容长度大于1160时这根线是不会跟着做延伸的。那好，那就定在右栏上，但如果右栏的动态内容小于左栏1160时，这根线也是不会自动伸止1160处。麻烦了，真是左右为难。

    现在只有最小高度可以解决这个问题了，把右栏定一个最小高度min-这样左右就一样了。即使右栏动态内容不能达到1160的长度，有了这个最小高度，右栏将始终都是以1160这个最小高度来显示，至于动态内容大于1160时，也是可以做自动延伸的。问题到了这一步，也能用这方法解决了。

    但头痛的是IE6就是不认min-width:200px;}

.right{

float:right;

width:600px;

border-left:1px solid #ccc;

min-//IE7\FF

//IE6\IE7\FF 这个很重要，IE6定死高度后，需要再加上这条，才能自动延伸。

_//IE6

}

就这样，问题都解决了。