Липкий дочерний компонент в родительском закупленном переполнении ⇐ CSS

[Anonymous]

у меня была проблема в моем приложении React, не в логике React, а в Dom Styling < /p>
У меня есть этот родительский ребенок: < /p>
return (


{error.code !== 0 && (

)}
{alert.messages?.length !== 0 && (

)}


{/* header */}




{/* the down section */}

{/* far left section */}






);
}

< /code>
Как предыдущий компонент является макетом, поэтому следующий дочерний компонент отображается в компоненте в родительском
Мой дочерний компонент: < /p>
return (

{/* middle section */}

{/* */}


{/* content */}





{/* far right section */}




< /code>
Проблема состоит в следующей:
Средняя секция иногда может быть очень широко становиться очень широкой, и я хочу наложить ограничение на его ширину
единственный способ Это было путем нанесения переполненного и W-экрана на родительском
это заставит среднюю секцию взять оставшуюся ширину не была взята из крайней правой секции в сгибке, но это каким-то образом делает липкий не работает
попробовал много способов, и ничто не помогло
, я буду так благодарен за некоторую помощь < /p>
Другое: я не могу решить эту вещь, означает, что мне не хватает какого -либо вида Основ или основ, если да, где я могу пройти обучение по таким вещам? < /p>
Большое спасибо! Этот плохой дизайн (и предложите кому -то лучше, если хотите), потому что он Моя первая попытка создать такие сложные вещи

Подробнее здесь: https://stackoverflow.com/questions/794 ... den-parent