Уменьшение блоков относительно родителя?

Question

[Altron8337]

Не судите строго только изучаю вёрстку, вот такой пример двух блоков

<div class="A">
    <div class="B">
     <p>какой то текст</p>
    </div>
</div>

.A {
    width: 100%;
}
.B {
     width: 400px;
}

как сделать чтобы блок B изменял свой размер в случаи изменения размера блока A, ширина блока B обязательно должна быть в пикселях

Answer 1

[Just A Bit]

к А добавить:

display: inline-flex;
flex-direction: row;
flex-wrap: wrap;

Пример: https://codepen.io/anon/pen/YReKmz

Answer 2

[leni_m]

вы же пишете width: 400px;. Как вы думаете, блок должен менять размер, если ему четко сказано: "Твоя ширина 400 пикселей!"?

Answer 3

[Kappy]

Вместо
width: 400px;
max-width: 400px;