01.2columns-layout-04.html

<!-- 左カラム(固定幅)、右カラム(残りの幅) -->
<p>1行の場合のみなら選択肢に入るか。</p>
<div class="parent">
  parent
  <dl class="sample4">
    <dt class="lc">吾輩は猫である</dt>
    <dd class="rc">吾輩は猫である。名前はまだ無い。<br>どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
  </dl>
</div>

02.2columns-layout-04.css

.sample4{
  display: flex;
}
.sample4 .lc{
  width: 8.5em
}
.sample4 .rc{
  width: 0;
  margin: 0;
  flex-grow: 1;
}