这种布局能否用纯css实现

Question

如图，左边的头像部分是固定的，但是右边的宽度是随着父元素的宽度而变化的，虽然可以通过js计算后来控制它的宽，我想问可不可以用纯css来实现？

Answer 1

<div&nbsp;class="a1"&nbsp;style="position:&nbsp;relative;"> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="a2"&nbsp;style=" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;100px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;100px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position:&nbsp;absolute; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;left:&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;red;"></div> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="a3"&nbsp;style=" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;margin-left:&nbsp;120px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;blue; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;100px;"></div> </div>