Каков правильный CSS, чтобы заставить Safari не перекрывать элементы flex в контейнере Flex по умолчанию?
Safari, кажется, дает слишком большую ширину для гибких элементов с большим количеством контента.
Safari: (v8.0.8 на Mac OS X 10.10.5 Yosemite)
Элементы flex отлично отображаются в Chrome и Firefox.
CSS
main {
display: flex;
border: 3px solid silver;
}
main >div {
background-color: plum;
margin: 10px;
}
HTML:
<main>
<div>
Doh!!!!!!!!!!!
</div>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam.
</div>
</main>
Скриншот с кодом:
http://jsfiddle.net/LL05grus/6