<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
padding: 0;
margin: 0;
}
#container {
width: 700px;
height: 100px;
margin: 30px auto;
border: 1px solid #ccc;
overflow-x: scroll;
}
#ruler {
border: 1px solid #FF0000;
display: inline-block;
width: 1000px;
height: 20px;
}
#ruler div {
border-right: 1px solid #999966;
float: left;
height: 20px;
width: 99px;
}
</style>
</head>
<body>
<div id="container">
<div id="ruler">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</body>
</html>
Вот пример. Элементы расположены по горизонтали благодаря фиксированной ширине контейнера (#ruler)
Вопрос: возможно ли сделать тот же результат не указывая ширину контейнеру?