javascript - html cssで左右の背景を調整するには?

Question

<div class="wrapper">
    <div class="left-bg bg-part" id="left-bg">

    </div>

    <div class="content-hold" id="content-hold">
 </div>
    <div class="right-bg bg-part" id="right-bg">

    </div>

</div>

ここに私が書いた少ないCSSコードがあります。

 .wrapper {
        .bg-part {
          width: 30px;
          background: #a2ca46;
          height: 100%;
          position: absolute;
          top: 0;

        }
        .left-bg {
          float: left;
          left: 0;
        }
        .right-bg {
          float: right;
          right: 0;
        }
    }

コンテンツがページ上でより多くの場所に配置される場合、左側と右側の高さは決して増加しません。left-bg と right-bg レバーを content-hold の幅に合わせるにはどうすればよいですか。

Answer 1

1 つのオプションは、1 行 3 列の html テーブルを使用することです。必要に応じて、左右の列の幅をそれぞれ 30px に設定します。