Здравствуйте, TailWind, Вы писали:
TW>- Все три целиком растянуты на ширину страницы
TW>- Области A и C имеют одинаковый размер
TW>- Область B должна иметь размер 500px
TW>- если не влезает на страницу, то сначала должны уменьшаться области A и C, и только потом B
Так?
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.row {
display: table;
width: 100%;
table-layout: fixed;
}
.cell {
display: table-cell;
}
.cell-inner {
width: 500px;
background-color: pink;
}
.cell-outer {
background-color: lightgreen;
}
</style>
</head>
<body>
<div class="row">
<div class="cell cell-outer">A</div>
<div class="cell cell-inner">B</div>
<div class="cell cell-outer">C</div>
</div>
</body>
</html>