0
Я использую DIVs для создания чего-то похожего на таблицу, и мне нужно растянуть мои DIVs, чтобы соответствовать высоте его соседа, чтобы отобразить фоновый цвет правильно.HTML/CSS Как растянуть DIV по вертикали
Вот мой пример:
<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Some title</title>
</head>
<body>
<div>
<div style="float:left; width: 49%; background-color: #ced6eb;">
Line1
<br/>
Line2
</div>
<div style="float:left; width: 49%; background-color: #dcddde; ">
Only one line here
</div>
<div style="clear: both;"></div>
</div>
<div>
<div style="float:left; width: 49%; background-color: #ced6eb;">
Something else
</div>
<div style="float:left; width: 49%; background-color: #dcddde;">
Something else
</div>
<div style="clear: both;"></div>
</div>
</body>
</html>
Что мне нужно, чтобы иметь серый фон на всех 3-х линий справа, вместо того, чтобы получить пустую строку в середине.
Это упрощенная версия моего HTML. Верхний левый DIV (строка1, строка2) имеет переменную длину, поэтому фиксированный атрибут, такой как height:30px, не является приемлемым решением.
Спасибо!
Ив
Вместо того, чтобы выровнять высоту DIV, вы можете достичь своей цели более простым способом , Просто добавьте 'background-color'' # dcddde' в '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' ' Я не могу опубликовать ответ, поскольку ваш вопрос был помечен как дубликат, но здесь: https://codepen.io/Skibbereen-Coderdojo/pen/xgNPxo (я удалил встроенный стиль, поскольку мне слишком сложно работать с) – Digedu