qq_43039004的博客

下.box{ width: 200px; height: 40px; background-color:red; margin: 0 auto;}.box:after{ position: relative; top: 48px; content: ''; border-top: 10px solid red; border-left: 10px solid transparent; border-right: 10px solid transparent;}

两块内容 <div class="box"> <div class="left"></div> <div class="right"></div> </div>1、左边宽度固定，右边宽度自适应铺满 .box { display:flex; height:100%; width:100%; } .left { height:100%;

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210630110700646.png<ul> <li v-for="(item,index) in 10" :key="index" @click="liCLick(index)" :class="num == index?'act':num == index+1?'actPre':num == index-1?'actNet':''".

.demo{ border-top: 100px solid red; border-right: 50px solid transparent; border-left: 50px solid transparent; width: 0px; height: 0px; } .demo{ border-top: 100px solid red; border-right: 50px solid blue; border-left..