Как сделать размер поля содержимого диапазона равным размеру его родительского элемента? ⇐ CSS

[Anonymous]

Мне нужно, чтобы размер поля содержимого span1 был равен размеру поля содержимого span2. Чтобы я мог перемещать красный маркер вдоль страницы БЕЗ ИЗМЕНЕНИЯ ширины и высоты СНОВА КАЖДЫЙ РАЗ МНЕ НУЖНЫ МАРКЕРЫ.
ОБРАТИТЕ ВНИМАНИЕ, ЧТО КРАСНЫЙ МАРКЕР БУДЕТ ОТОБРАЖЕН НА СКРИНЕШТЕ, А НЕ В АБЗАЦЕ, КАК В КОДЕ НИЖЕ.
Я пытался изменить его на позицию: относительный, а также на дисплей: inline-block, но это делает невозможным правильное отображение диапазона красного маркера.
Я использовал текст прозрачного цвета, чтобы можно было заполнить блок буквами, и он будет соответственно увеличиваться, не показывая их.
Должен ли я поместить диапазон 2 (красный маркер) внутри диапазона 2?
Есть еще предложения?
Большое спасибо!
(ВАМ НУЖНО ОТКРЫТЬ ЕГО В ПОЛНОЕ ОКНО ДЛЯ ВИДЕНИЯ КРАСНОГО МАРКЕРА)

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

.panel-one {
position: relative;
width: 70%;
}

.m-aquamarine {
background-color: aquamarine;
}

.m-red {
position: absolute;

right: 720px;

background-color: red;
opacity: 0.3;

color: rgba(255, 0, 0, 0);
}

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

Copy





[img]https://i.sstatic.net/jralaTFd.png[/img]




Hey Gustaf! Azng sjczv zncsn djfandz czns!!



fdfsdfsdfshdghdgnsdfsdfsfsd

Dzns kds fdskcznc eandz ncz!?!

Подробнее здесь: https://stackoverflow.com/questions/785 ... ts-parents