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

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;}

     <a href="assets/work/1.jpg"><img src="http://placekitten.com/200/200/" height="190"></a>
     <a href="assets/work/2.jpg"><img src="http://placekitten.com/120/120/"></a>
     <a href="assets/work/3.jpg"><img src="http://placekitten.com/90/90/" height="90" width="90"></a>
     <a href="assets/work/4.jpg"><img src="http://placekitten.com/50/50/" height="190"></a>
     <a href="assets/work/5.jpg"><img src="http://placekitten.com/100/100/"></a>
     <a href="assets/work/6.jpg"><img src="http://placekitten.com/200/200/" height="190"></a>

Благодаряhttp://jsfiddle.net/clairesuzy/FPBWr/

Проблема с этим 530px. Я хотел бы использовать 100% вместо этого. Но затем я получил прокрутку страницы и прокрутка DIV идет правильно, не может получить это, любая идея?

Вот статья на сербском языке о решенииhttp://www.blog.play2web.com/index.php?id=18