次の HTML コードがあります。
<div class="flex-container">
<div class="flex-item">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit fusce vel sapien elit in malesuada semper mi, id sollicitudin urna fermentum ut fusce varius nisl ac ipsum vel pretium tellus.</p>
</div>
</div>
および次の CSS:
.flex-container {
border: solid 1px black;
display: -ms-flexbox; /* For IE10 */
display: flex; /* For modern browsers. */
}
コードはjsFiddleで入手できます。残念ながら、IE10 内部の 'p' タグはオーバーフローを引き起こしますが、最新のブラウザーではすべて問題ありません。どうすればIE10で修正できますか?