Как сверстать два блока?
398
24 ноября 2016, 10:16
Как сверстать два блока: один слева, второй справа, ширина 1-го зависит от внутреннего контента, а 2-ой от ширины 1-го блока?
Answer 1
Насколько я знаю, чтобы добиться такого результата с помощью css, есть только один способ: использование флексбоксов. Необходимо задать родителю display: flex;, а тому из блоков, ширина которого определяется шириной другого блока прописать свойство flex: auto;.
html, body {
margin: 0;
}
.flex-container {
display: flex;
}
.flex-container div {
display: flex;
align-items: center;
height: 40px;
padding: 0 15px;
}
.flex-container .item-title {
background: #a7a7a7;
}
.flex-container .item-descr {
flex: auto;
background: #cecece;
}<div class="flex-container">
<div class="item-title">Наименование товара:</div>
<div class="item-descr">Some product</div>
</div>
-
21:12
Оборудование для ресторана: новинки профессиональной кухонной техники
-
22:17
-
22:13
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
-
20:12
-
20:06
-
19:59
-
19:51
-
19:43
-
18:31
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 48058 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30577 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 24013 visits
- Как через css изменить цвет png изображения? 10423 visits
- Blob video url download 10015 visits
- Php curl запрос через прокси с авторизацией 9291 visits
- Работа с captcha vk api 8157 visits
© "hostciti.net" 18.4.2025 | 06:47