Как сделать границы рухнуть (на div)?
Предположим, у меня есть разметка, как:http://jsfiddle.net/R8eCr/1/
...
Тогда CSS
.container {
display: table;
border-collapse: collapse;
}
.column {
float: left;
overflow: hidden;
width: 120px;
}
.cell {
display: table-cell;
border: 1px solid red;
width: 120px;
height: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
У меня есть внешний div сdisplay: table; border-collapse: collapse;
и клетки сdisplay: table-cell
почему они до сих пор не разрушаются? Что мне здесь не хватает?
Кстати, может быть, переменное количество ячеек в столбце, так что я могут только границы на одной стороне.