атривая следующий пример ...

body {
  margin: 0;
}

* {
  box-sizing: border-box;
}

.parent {
  min-height: 100vh;
  width: 50vw;
  margin: 0 auto;
  border: 1px solid red;
  display: flex;
  align-items: center;
  justify-content: center;
}

.child {
  border: 1px solid blue;
  width: 150%;
}

<div class="parent">
	<div class="child">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet tellus cras adipiscing enim eu turpis. Neque aliquam vestibulum morbi blandit. Sem integer vitae justo eget magna. 
	</div>
</div>

... Я ожидаю, что ребенок вырастет доwidth:150% и перерасти своего родителя в левом и правом направлении (так как он центрирован горизонтально).

Почему этого не происходит?

Примечание: Я заинтересован в получении ответов из официальных или надежных источников, в идеале точно определяя любую ошибку или спецификацию с указанием поведения и любых возможных обходных путей.

Отладочная информация:Испытывая это в последнем Chrome, Ubuntu 17.10. Еще не тестировал кросс-браузер, буду обновлять как я.