IE6 div变宽问题，IE8 火狐没有问题，CSS如下！三列布局~

内置元素（无border margin padding 值都为0）

.column1, .column2, .column3 {
padding-left: 8px;
padding-right: 8px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
_display: inline;
_overflow: hidden;
_overflow-y: visible;
overflow:hidden;
}

.column1 {
float: left;
width: 33.33333%;
margin-left: 0%;
margin-right: -33.33333%;
}

.column2 {
float: left;
width: 33.33333%;
margin-left: 33.33333%;
margin-right: -66.66667%;
}

.column3 {
float: left;
width: 33.33333%;
margin-left: 66.66667%;
margin-right: -100%;
}

---

左浮动之后 在加间距 会成双倍的间距的 你把左间距减半就好了 这是游览器的兼容性问题

---

这是浏览器不兼容的问题

---

话说为什么还要管IE6。。。其实我是来完成任务的。。。

---

Syntax error on token(s), misplaced construct(s)

---