Невозможно установить ширину div в пикселях с помощью атрибута ширины css

Я пытаюсь создать div, содержащий 4 div. Я хочу установить ширину контейнера и некоторых содержащихся в нем элементов div для установки значений, но они, кажется, просто принимают ширину содержимого.

<html>
<head>
    <style>
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;
}
    </style>
</head>
<body>

<div class="container">
    <div class="div1"><img src="1x1.gif" width="1" height="1"/></div>
    <div class="div2"><span>date</span></div>
    <div class="div3"><span>text</span></div>
    <div class="div4"><span>twistie</span></div>    
</div>    
</body>
</html>

Результат выглядит следующим образом:

+--+----+----+------------------------+---+
|  |date|text|                        |twi|
+--+----+----+------------------------+---+

Кто-нибудь может объяснить, почему левый Для разделов не установлена ​​требуемая ширина?

7
задан paul 2 November 2010 в 13:52
поделиться