Я пытаюсь создать 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|
+--+----+----+------------------------+---+
Кто-нибудь может объяснить, почему левый Для разделов не установлена требуемая ширина?