;而在本例中,使用绝对定位则能够很好地解决我们所提出的问题。同样,使用3个div形成我们的三个分栏结构:
#left {
;background-color: #E8F5FE;
;border: 1px solid #A9C9E2;
;height: 400px;
;width: 200px;
;position: absolute;
;top: 0px;
;left: 0px;
}
#right {
;background-color: #FFE7F4;
;border: 1px solid #F9B3D5;
;height: 400px;
;width: 200px;
;position: absolute;
;top: 0px;
;right: 0px;
}
;
这样,左栏将距左边left:0px;贴着左边缘进行显示,而右栏则将由right: 0px;使得右栏距右显示,而中间的#center将使用普通的CSS样式:
#center {
;background-color: #F2FDDB;
;border: 1px solid #A5CF3D;
;height: 400px;
;margin-right: 202px;
;margin-left: 202px;
}
;
对于#center,我们不需要再设定其浮动方式,只需要让它有左边外边距永远保持#lef与#right的宽度,便实现了两边各让出202px的自适应宽度,而左右两边让的距离,刚好让#left和#right显示在这个空间中,从而实现了而已要求。