Как отделить блок линией?

Привычный "десктопный".
Да, видимо кроме скролла с помощью .js ничего не придумать...

Как отделить блок линией?

Ростик Кальченко, 100%.

::-webkit-scrollbar-thumb{background:rgba(255,255,105,0.5);}
::-moz-scrollbar-thumb{background:rgba(255,255,105,0.5);}
::-ms-scrollbar-thumb{background:rgba(255,255,105,0.5);}
::-o-scrollbar-thumb{background:rgba(255,255,105,0.5);}

::-webkit-scrollbar_thumb:windows-inactive{background:rgba(255,255,105,0.3);}
::-moz-scrollbar_thumb:windows-inactive{background:rgba(255,255,105,0.3);}
::-ms-scrollbar_thumb:windows-inactive{background:rgba(255,255,105,0.3);}
::-o-scrollbar_thumb:windows-inactive{background:rgba(255,255,105,0.3);}

Как отделить блок линией?

Ростик Кальченко, к сожалению, результат тот же:

Как отделить блок линией?

Сергей delphinpro, сделать больше ширину чего?

Если тега hr или div, который находится внутри wr_content, то он переполнит wr_content, но под полосу прокрутки wraper так и не зайдет.

Как отделить блок линией?

Проблема не в стилях и не в теге.
Проблема в том, что 100% ширины блока wr_content = 100% ширины блока wraper - ширина его полосы прокрутки.

В итоге, получается вот так:



Если устанавливать тегу или блоку внутри блока wr_content ширину как 100vw, то эти 100vw переполняют wr_content, но не "доходят" до конца окна через полосу прокрутки на блока wraper.

Как сделать так, чтобы блок оставался на своем месте при масштабировании в браузере?

Сделал три скриншота с разным масштабом.
Проблема в том, что у блоку d1 назначается отрицательный position снизу и справа.





Пробовал вместо absolute для d2 устанавливать fixed. Масштабируется так как нужно, но тогда блок d2 продолжает сжиматься при уменьшении окна менее 300px, чего нужно избежать.