<template> <div class="goods"> <div class="menu-wrapper"></div> <div class="foods-wrapper"></div> </div> </template>
<style lang="stylus" rel="stylesheet/stylus"> .goods { display flex position absolute top: 178px bottom 46px overflow hidden width: 100% } .goods .menu-wrapper { flex:0 0 80px width: 80px background-color lightgray } .goods .foods-wrapper { flex:1; background-color red } </style>
css flex使用--分栏效果
最新推荐文章于 2023-02-26 11:46:57 发布