Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
Knagro97
0 / 0 / 0
Регистрация: 24.01.2016
Сообщений: 5
1

Установить размер для блока :before такой же, как у блока которому прописывается псевдоэлемент

24.01.2016, 22:43. Просмотров 1095. Ответов 1

Суть в том, что мне нужно сделать так, чтобы блок ::before проходил через середину блока .number и имел такую же высоту, как блок .wrap-text.
Получается, что блок .wrap-text не имеет фиксированной высоты. потому что длина текста может меняться.
Пробовал ставить у ::before height: 100%, но он делает его высоту на весь экран. Это скорее всего из-за того, что родительский блок не имеет фиксированной высоты.
Подскажите, как это сделать без фиксации высоты.
HTML:
HTML5
1
2
3
4
5
6
7
<div class="content">
       <div class="number"></div>
       <div class="wrap-text">
              <p class="heading">Заголовок текста</p>
              <p class="text">Какой-то длинный текст</p>
       </div>
</div>
CSS:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
    .content {
        display: flex;
        width: 1000px;
        justify-content: space-between;
        align-items: center;
    }
 
    .number {
        display: inline-block;
        width: 200px;
        height: 200px;
        background-color: green;
    }
 
    .wrap-text {
        display: inline-block;
        padding: 20px;
        max-width: 65%;
        min-height: 160px;
        background-color: red;
    }
    .wrap-text::before {
        content: "";
        display: block;
        height: ?????;
        width: 10px;
        position: absolute;
        background-color: green;
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.01.2016, 22:43
Ответы с готовыми решениями:

Как сделать такой заголовок для блока?
Друзья, подскажите как сделать заголовок для блока с помощью CSS (на скрине) Пример взят отсюда ...

Как получить информацию с блока по которому кликнули?
Здравствуйте уважаемый форумчане. Подскажите пожалуйста как получить информацию с блока в котором...

Выбор блока питания для такой конфигурации..
Материнская плата GIGABYTE GA-890GPA-UD3H rev.2.0 Процессор AMD &quot;Phenom II X4 965 Black Edition&quot;...

хватит ли блока питания для такой конфиги?
Добрый день. сегодня заменил комплектующие в компе на следующие: мать: Soc-775 Gigabyte...

Хватит ли моего блока для такой сборки?
Приветствую! Ребят подскажите хватит ли моего блока...

1
fol
508 / 482 / 161
Регистрация: 08.07.2013
Сообщений: 1,710
Записей в блоге: 1
24.01.2016, 23:26 2
CSS
1
2
3
4
5
6
7
.wrap-text{
   position:relative
}
.wrap-text::before{
   height:100%;
   top:0;
}
1
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
24.01.2016, 23:26

Достаточна ли мощность блока питания для такой конфиги
pentium(R)4 CPU 2.80GHz озу 1,5 видео ASUS EAH4650

Блока питания для конкретной сборки системного блока
Доброго времени суток. Подскажите, пожалуйста, можно ли использовать (правильней сказать -...

Хватит ли блока питания для для такой системы
Здравствуйте! Посмотрите, пожалуйста, хватит ли мощности у БП? Intel Core i7 7700K GeForce® GTX...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru