flex布局实现左侧宽度固定,右边占满剩余宽度

编程入门 行业动态 更新时间:2024-10-27 05:34:58

flex布局实现左侧<a href=https://www.elefans.com/category/jswz/34/1770942.html style=宽度固定,右边占满剩余宽度"/>

flex布局实现左侧宽度固定,右边占满剩余宽度

左侧宽度固定,右边占满剩余宽度

<div class="ppp"><div class="left">A</div><div class="right">B</div>
</div>
.ppp {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap;overflow: hidden;
}
.left {width: 300px;flex-shrink: 0;
}
.right {width: 100%;
}

更多推荐

flex布局实现左侧宽度固定,右边占满剩余宽度

本文发布于:2023-11-16 18:33:38,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1632673.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:宽度   布局   剩余   占满   flex

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!