=============================================================================
以下のCSSでディフォルトは500pxだが親エレメントを越さない幅を指定できる。
-----------------------------------------------------------------------------
max-width:100%;
width:500px;
=============================================================================

=============================================================================
しかしこれを、display:flexの深い内部のdivでやろうとするとできない。
理由はわからない。
-----------------------------------------------------------------------------
<div style="display:flex">
	<div>
		<div>
			<div>
				<div style="max-width:100%;width:500px;"></div>
			</div>
		</div>
	</div>
</div>
=============================================================================

=============================================================================
解決策は、width&max-widthの組み合わせを以下のように"flex:0 1 500px"で表現することだ。
-----------------------------------------------------------------------------
<div style="display:flex">
	<div>
		<div>
			<div style="display:flex">
				<div style="flex:0 1 500px"></div>
			</div>
		</div>
	</div>
</div>
=============================================================================