页面实现左中右布局，1. 左侧：宽度固定150px，高度自动撑开，和右侧同高 2. 中间：宽度自适应，高度自动撑开，和左侧同高 3. 右侧：宽度固定100px，高度自动撑开，和左侧同高，不用flex布局实现

可以使用传统的浮动布局来实现左中右布局。具体实现如下： HTML[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)： <div class="container"> <div class="left"></div> <div class="content"></div> <div class="right"></div> CSS[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)： .container { overflow: hidden; .left { float: left; width: 150px; height: 100%; background-color: #f0f0f0; .content { mar[gin](https://geek.csdn.net/educolumn/1aef582107c22aa4d9f243890549bf39?spm=1055.2569.3001.10083)-left: 150px; mar[gin](https://geek.csdn.net/educolumn/1aef582107c22aa4d9f243890549bf39?spm=1055.2569.3001.10083)-right: 100px; height: 100%; background-color: #fff; .right { float: right; width: 100px; height: 100%; background-color: #f0f0f0; 使用浮动布局时，需要注意以下几点： 1. 父容器要设置 `overflow: hidden;`，以防止子元素溢出； 2. 左侧和右侧元素要使用 `float: left;` 和 `float: right;` 进行浮动，同时需要设置固定宽度； 3. 中间元素要使用 `mar[gin](https://geek.csdn.net/educolumn/1aef582107c22aa4d9f243890549bf39?spm=1055.2569.3001.10083)-left: 150px; margin-right: 100px;` 进行左右间距的设置，同时也要设置高度为100%。