Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 10.08.2017
Сообщений: 32
1

Блоки почему-то сами растягиваются на 100% в высоту, относительно внешнего блока

09.06.2019, 16:54. Просмотров 328. Ответов 1

Есть блок, внутри которого все блочные элементы растягиваются на 100% по высоте (р, h1, div), зашел в код страницы через браузер, не нашел ни одного свойства, которое бы за это отвечало. Я могу вставить туда тестовый блок, к которому не буду прописывать никакие стили, и он все равно вытянется по всей высоте, честно. Задавать им размеры вручную, не вариант, некоторые блоки должны растягиваться в высоту. Свойство height:auto не работает.
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
.container-1 {
            max-width: 1200px;
            height: 100%;
            margin: 0 auto;
            display: flex;
        }
        
        section.sect-1.content {
            padding: 40px 0;
        }
        section.sect-1.parallax-1 {
            height: 750px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
        section.sect-1.parallax-1 {
            background-image: url("tQgulnbJarE.jpg");
            box-shadow:0 0 0 375px rgba(0, 0, 0, .3) inset;
        }
        section.sect-1.content {
            padding: 40px 0;
        }
        .container-1>div {
            padding: 170px 30px 20px 30px;
            display: flex;
        }
        .sect-1-content {
            flex: 3;
        }
        .sect-1-content h1{
            font-size: 50px;
            color: white;
            text-transform: uppercase;
            line-height: 150%;
        
        }
        .sect-1-content p{
            font-size: 20px;
            color: white;
            background-color: #e01f3d;
            padding: 15px;
            
        }
        .sect-1-form{
            flex: 2;
        }
HTML5
1
2
3
4
5
6
7
8
9
10
11
<section class="sect-1 parallax parallax-1">
            <div class="container-1">
                <div class="sect-1-content">
                    <h1>Грузоперевозки Бронницы Раменское</h1>
                    <p>Оставьте нам заявку на сайте ➤</p>
                    <div>w</div>
                </div>
                <div class="sect-1-form">
                </div>
            </div>  
        </section>
0
Миниатюры
Блоки почему-то сами растягиваются на 100% в высоту, относительно внешнего блока   Блоки почему-то сами растягиваются на 100% в высоту, относительно внешнего блока  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.06.2019, 16:54
Ответы с готовыми решениями:

Как сделать высоту 100% относительно родителя bootstrap 3
Здравствуйте! http://rghost.ru/7B5nJSZGV/image.png Выше графическое представление. Есть...

Не получается сделать высоту блока 100%
Помогите пожалуйста &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;...

Div блоки не растягиваются, height overlay не помогает
Здравствуйте, перечитал весь ваш форум на тематику растягивание DIV, но ничего не выходит. Я уже...

Востановить взорваные блоки. Создать блоки из одинаковых груп объектов. Задача обратная взрыву блока
Стоит задача. Создать блок, блоки по аналогу, по аналогичным одинаковым с выбраными объектами....

1
Модератор
Эксперт HTML/CSS
3355 / 2389 / 1424
Регистрация: 12.07.2015
Сообщений: 6,195
Записей в блоге: 4
09.06.2019, 16:57 2
CSS
1
2
3
.container-1 > div {    
    align-items: flex-start;
}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
09.06.2019, 16:57

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

блоки с height внутри min-height не растягиваются или wrapper не растягивается
вот такой вот пример &lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; * {margin:0; padding:0;} ...

Почему элементы флексбокса не растягиваются по контенту?
Помогите пожалуйста найти ошибку в коде. На сайте есть хедер, в нем панель навигации, состоящая из...

Как задать ширину блока относительно соседского блока?
В HTML что-то вроде этого: &lt;div class=&quot;article&quot;&gt; &lt;div class=&quot;title&quot;&gt; &lt;h2&gt;Something...

регулируемые высоту блоки
Подскажите как задать блоку регулируемую высоту, чтобы можно было мышкой её менять?

Не открываются блоки в полную высоту элемента
Добрый день, комрады. Вот такая проблемка у меня, не могу разобраться... На странице...

Вложенные блоки не меняют высоту вместе с родительским
Всем, здравствуйте! Тщетно пытаюсь в силу своих ограниченных знаний сделать резиновую страницу...


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

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

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