flex max-width example
by crucify
HTML
<div class="box">
<div class="cell full">
asdoaisjd9ofiajsodfijasoivjoasidjovaisjdvoaisdjfoiasjdofiajweoifjaowsiejfaowiejfoawiejfoaiwjefoaijsdfoiajweofijasovjaodsivjaosdijfoaisjefoiawjeofiajwoefijaosiefjoawiejfoaiwjefoawijefoaiwjefoiawjofijef<br>
zxcv<br>
qwer<br>
1234<br>
bnm,
</div>
<div class="cell limited">
asdf<br>
zxcvaolsdjvoaijwovijaosdijgoawijregoaijdgoiajgvoiahjoviashvoidashv9a8shv9as8hdv9as8dyv9asd8hv9ashdv98ashd9f8ashdf9asyv9ashv897ashdviashv9a8sdhf9as8duf9asudf9ajsd9fuas9fusdfv<br>
qwer<br>
1234<br>
bnm,
</div>
</div>CSS
.box { border:1px solid black; display:flex; }
.box .cell { flex:1; overflow:scroll; }
.box .full { background:#ccccff; }
.box .limited { max-width:610px; background:#ccffcc; }