Атрибут CSS для увеличения размера (высоты) дочерного элемента до - HTML и CSS

Мaкс · 10.04.2020, 17:30

Всем привет.
У меня проблема. Есть блок. Добавлено в него 2 блока, один с более меньшим размером, чем другой.
И тут видна проблема. Как области меньших элементов, а точнее высоту увеличить до размера родительского элемента?
html 2.jpg

Код:

<!doctype html>
<html>
<head>
	<style>
		.cmain {
			width: 100%;
			height: 100px;
			
			background-color: yellow;
		}
		.cmain .daughter {
			display: inline;
			background-color: red;
			color: white;
		}
	</style>
</head>

<body>
	<div class="cmain">
		<div class="daughter" style="font-size: 28px;">Text 28px</div>
		<div class="daughter" style="font-size: 56px;">Text 56px</div>
	</div>
</body>
</html>

P.S. Я полный ноль в CSS и не могу найти нормальную книгу (учебник), поэтому такой глупый вопрос.

SQLPowerUser · 10.04.2020, 19:03

>>> Как области меньших элементов, а точнее высоту увеличить до размера родительского элемента?

Код:

<style>
    .cmain {
        height: 100px;
        background-color: yellow;
        display: flex;
    }

    .cmain .daughter {
        background-color: red;
        color: white;
        display: flex;
        align-items: flex-end;
    }
</style>

<div class="cmain">
    <div class="daughter" style="font-size: 28px;">Text 28px</div>
    <div class="daughter" style="font-size: 56px;">Text 56px</div>
</div>

Мaкс · 10.04.2020, 19:26

Спасибо огромное

10.04.2020, 17:30	#1
Мaкс Форумчанин Регистрация: 12.06.2018 Сообщений: 830	Атрибут CSS для увеличения размера (высоты) дочерного элемента до Всем привет. У меня проблема. Есть блок. Добавлено в него 2 блока, один с более меньшим размером, чем другой. И тут видна проблема. Как области меньших элементов, а точнее высоту увеличить до размера родительского элемента? html 2.jpg Код: `<!doctype html> <html> <head> <style> .cmain { width: 100%; height: 100px; background-color: yellow; } .cmain .daughter { display: inline; background-color: red; color: white; } </style> </head> <body> <div class="cmain"> <div class="daughter" style="font-size: 28px;">Text 28px</div> <div class="daughter" style="font-size: 56px;">Text 56px</div> </div> </body> </html>` P.S. Я полный ноль в CSS и не могу найти нормальную книгу (учебник), поэтому такой глупый вопрос.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Изменение размера div элемента мышью на чистом JS	Авторитет	JavaScript, Ajax	1	30.04.2013 21:18
Дан целочисленный массив размера N, содержащий ровно два одинаковых элемента. Найти номера одинаковых элементов и вывести эти номе	Alexar Makken	Паскаль, Turbo Pascal, PascalABC.NET	1	23.12.2011 22:07
Процедура последовательного увеличения размера шрифта	Olya1985	Общие вопросы Delphi	5	24.08.2011 11:28
Ошибка в определении высоты блочного элемента.	vedro-compota	HTML и CSS	4	03.11.2010 20:31
Закрыть главное окно из дочерного	FelixKoT	Общие вопросы Delphi	4	08.01.2010 15:13

10.04.2020, 19:26	#3
Мaкс Форумчанин Регистрация: 12.06.2018 Сообщений: 830	Спасибо огромное