javascript - 这种布局能否用纯css实现

问题描述

问 题

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

解决方案

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

这篇关于javascript - 这种布局能否用纯css实现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！