左侧固定，右侧自适应（两种方法任选）

第一种方法： &lt;!DOCTYPE> &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; .one { position: absolute; height: 200px; width: 300px; background-color: blue; } .two { height: 200px; margin-left: 300px; background-color: red; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; <div class=one></div> &lt;div c