.p1 {width:300px; height: 200px; border: 1px solid #000; overflow-x: scroll;}
.p2 {height: 30px; background: #902457; display: block;}
<div class="p1">
<p>204204204200420424204204204420420420420420420000420</p>
<div class="p2"></div>
</div>
http://jsfiddle.net/2ghb3ahc/12/
P.s Знаю, что такой вопрос и подобные вопросы уже задавали, но решения я не нашел