如何在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;
        }
    }

当内容在左侧和右侧的高度上占据更多位置时，就永远不会增加。我该怎么做才能使左BG和右BG杠杆延伸到内容含量的宽度。

Answer 1

一个选项是使用带有一行和三列的HTML表。根据需要设置左右列的宽度。