Боковая граница расширяется с высотой

#javascript #css #border

#javascript #css #граница

Вопрос:

Я работаю над резюме; в настоящее время существует на этом сайте. На данный момент боковая граница статична, но я бы хотел, чтобы либо JavaScript, либо CSS расширили ее до высоты раздела. Советы?

Спасибо, Макс

Ответ №1:

В настоящее время у вас установлена граница dt , просто переместите border-right объявление из the dt в the dd и измените border-right на a border-left , и все должно выглядеть так, как вы этого хотите.

редактировать: конечно, добавленное вами дополнение dt также необходимо будет перенести, чтобы сохранить тот же внешний вид.

правка 2: полное решение:

удалить

 dt { border-right:1px solid #999; padding: 0 26px 0 0; }

Добавить

 dd { border-left:1px solid #999; padding-left:26px; }
dd.clear { border: 0; }

1. Я сделал это, но затем он прилипает прямо к блоку текста. Мне нравится, как это выглядит сейчас, но желательно динамично. Как я могу получить высоту элемента в пикселях в JS?

2. Вам это не нужно. Javascript — неправильное решение этой проблемы. Смотрите мой обновленный ответ.

3. Как я мог сохранить пробелы, которые раньше были между разделами?

4. dd, dt { margin-bottom: 15px; }