Сообщение от danik.js
|
|
white-space: nowrap ? В хроме это срабатывает. Отпишись что в IE, опере и файрфоксе.
|
да заработало.. Хотя я до этого уже проверял это свойство но не срабатывала.
Не знаю как в ie, но в firefox и opera работает только когда у детей display inline-block
<!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;
white-space: nowrap;
height: 20px;
}
#ruler div {
border-right: 1px solid #999966;
display: inline-block;
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>