html给div设置宽度无效,html – 无法使用css width attibute设置div的像素宽度

我正在尝试设置一个包含4个div的div.我想设置容器的宽度和一些包含的div来设置值,但它们似乎只是取内容的宽度.

div {

border: 1px solid #888;

}

.container {

width: 300px;

position: relative;

}

.container div {

display: inline;

}

.div1 {

width: 20px;

overflow: hidden;

}

.div2 {

width: 80px;

overflow: hidden;

}

.div3 {

width: 160px;

overflow: hidden;

}

.div4 {

width: 20px;

overflow: hidden;

position: absolute;

top:0px;

right: 0px;

}

date

text

twistie

结果如下：

+--+----+----+------------------------+---+

| |date|text| |twi|

+--+----+----+------------------------+---+

任何人都可以解释为什么左手div没有被设置为所需的宽度？