Как я могу создать плавающий элемент div, который расширяется к краям? [закрыто] ⇐ CSS

[Anonymous]

Я хочу создать примерно такую ​​панель навигации: имя в левом верхнем углу и элемент div справа от него, который расширяется до правого края, как обычно, если он не плавающий. Вот небольшая иллюстрация:

Код: Выделить всё

                         \/margin
---------------------------|
|-------------------| |
NAME | link1 link2 etc.  | |
|-------------------| |
|
(whatever goes below)      |
---------------------------|

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

Код: Выделить всё

            \________/much larger than margin
---------------------|
|-----|         |
NAME | a b |         |
|-----|         |
---------------------|

вместо

Код: Выделить всё

                   \/margin
---------------------|
|-------------| |
NAME | a b         | |
|-------------| |
---------------------|

Единственный способ, который я могу придумать, — это каким-то образом использовать отступы справа, но я не знаю, какой длины это должно быть, особенно с разными размерами экрана. Я попытался использовать правый отступ просто для того, чтобы попробовать, но, как и ожидалось, при изменении размера экрана это вообще не сработало. Пожалуйста, помогите мне, спасибо.

Подробнее здесь: https://stackoverflow.com/questions/783 ... -the-edges