Как иметь горизонтальный свиток в Div с отзывчивой шириной ⇐ CSS

[Anonymous]

Я хочу иметь один с идентификатором, который имеет горизонтальный свиток, но проблема в том, что он должен быть отзывчивым, а не с фиксированной шириной.

Код: Выделить всё

html, body {margin: 0; padding: 0;}

#myWorkContent{
width:530px;
height:210px;
border: 13px solid #bed5cd;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}

#myWorkContent a {
display: inline-block;
vertical-align: middle;
}

#myWorkContent img {border: 0;}
< /code>


[url=assets/work/1.jpg]
[img]http://placekitten.com/200/200/[/img]
[/url]
[url=assets/work/2.jpg]
[img]http://placekitten.com/120/120/[/img]
[/url]
[url=assets/work/3.jpg]
[img]http://placekitten.com/90/90/[/img]
[/url]
[url=assets/work/4.jpg]
[img]http://placekitten.com/50/50/[/img]
[/url]
[url=assets/work/5.jpg]
[img]http://placekitten.com/100/100/[/img]
[/url]
[url=assets/work/6.jpg]
[img]http://placekitten.com/200/200/[/img]
[/url]

Спасибо http://jsfiddle.net/clairesuzy/fpbwr/
Проблема с этим 530px. Я хотел бы использовать 100% вместо этого. Но тогда я получил прокрутку страниц и прокрутка Div идет правильно, не могу получить, какая идея?

Подробнее здесь: https://stackoverflow.com/questions/192 ... sive-width