Про градиенты я написала плохо открыв глаза и не заметив, что фон не сплошной белый.
Для сплошного белого: https://jsfiddle.net/L8fbxcat/
При фиксированных размерах блоков calc не нужен, написала для примера на случай адаптива.
Fierfoxik, отлично!
На примере "короткая кнопка".
Вы можете:
- узнать ширину окна
- узнать левый край кнопки
- узнать ширину кнопки
- вычесть из ширины окна расстояние до кнопки и ширину кнопки
- сравнить получившееся с шириной тултипа
?
Fierfoxik, и что с того?
При таком раскладе с вертикальной серединой проблем нет.
На JS только проверка влезает справа или нет. Если влезает, то left 100%, не влезает right 100%.
Александр Косицын, это не блочное поведение, это свойства текста.
блок занимает всю ширину родителя
текст занимает всю ширину родителя
блок закончится и строчка перенесется
Дело в расчете ширины флекс-детей. Если мы второму блоку зададим flex: 1, то он займет все доступное оставшееся пространство.
А вот почему браузеры считают по разному, надо пойти почитать чего-нибудь.
Как вы себе это представляете? Будет стираться по одной буковке в исходном коде или полупрозрачный класс .active?
Можно, например, так:
http://jquery.page2page.ru/index.php5/Появление_и_...
Либо анимировать прозрачность в CSS