html - 垂直方向のセル配置

Question

divタグで週間予定表を作ろうとしています。各日のサンプルコードは次のとおりです。

<% times.each do |time| %>
  <% d = worker.working_on_day(Date.new(time.year,time.month,time.day).cwday - 1) %>
  <div style="height: <%= d.duration.to_i * 4 %>px; ">
  ...
  </div>
<% end %>

ご覧のとおり、デュレーションに基づいてセルの高さを動的に調整したかったのです。しかし、高さは適切に整列しません。たとえば、継続時間が 30 分のセルは、15 分の 2 つのセルよりもわずかに小さくなります。高さを適切に調整してセルを適切に配置するにはどうすればよいですか?

Answer 1

<div style="height: <%= d.duration.to_i * 4 %>px; padding: 0; margin: 0; border: 0;">