0
DIV를 사용하여 표와 비슷한 것을 만들었습니다. 내 배경색을 표시하기 위해 DIV를 이웃의 높이와 일치시켜야합니다. 바르게.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 (line1, line2)는 가변 길이이므로 height:30px과 같은 고정 속성은 허용되는 솔루션이 아닙니다.
감사합니다.
이브
오히려 사업부의 높이를 같게하는 것보다, 당신은 간단한 방식으로 목표를 달성 할 수 . 단순히'# dcddde '의'background-color'를'div's에 추가하면 계단식 순서가 나머지를 처리 할 것입니다. 귀하의 질문이 중복으로 표시되었으므로 답변을 게시 할 수 없지만 https://codepen.io/Skibbereen-Coderdojo/pen/xgNPxo (인라인 검색은 너무 힘들어 작동하지 않습니다. 와) – Digedu