Javascript 有没有办法在div上面放一个左箭头？

我有两个div在一个div内，宽度为100%。一个div的宽度为70%，另一个div的宽度为30%。我想做的是，当链接处于活动状态时，将30%的div设置为左箭头**

在这里，您可以看到一些关于我的代码以及设计所在的图像

.menu a.active：在{
内容：“；
位置：绝对位置；
最高：50%；
左：-21px；
z指数：-1；
高度：30px；
宽度：30px；
利润上限：-15px；
背景：#FFF；
变换：旋转（45度）；
-ms变换：旋转（45度）；
-webkit变换：旋转（45度）；
边界不透明度：0.3；
左边框：5px实心rgba（0,0,0,3）；
边框底部：5px实心rgba（0,0,0,3）；
-webkit背景剪辑：填充框；
/*狩猎旅行*/
背景剪辑：填充框；
/*适用于IE9+、Firefox 4+、Opera和Chrome*/
}
.菜单a.激活{
位置：相对位置；
背景：#FFF；
-webkit边界半径：10px；
-moz边界半径：10px；
边界半径：10px；
/*宽度：250px*/
/*高度：250px*/
/*填充物：5px*/
z指数：1；
边界不透明度：0.3；
/*边框：5px实心rgba（0,0,0,3）*/
-webkit背景剪辑：填充框；
/*狩猎旅行*/
背景剪辑：填充框；
/*适用于IE9+、Firefox 4+、Opera和Chrome*/
}

活动预告
2020年1月17日
年底，欧洲青年聚集在布扎
查看更多
活动预告
2020年1月17日
年底，欧洲青年聚集在布扎
查看更多
活动预告
2020年1月17日
年底，欧洲青年聚集在布扎
查看更多
活动预告
2020年1月17日
年底，欧洲青年聚集在布扎
查看更多

为箭头提供更多的z索引，而不是菜单，在inspect元素中尝试。是的，我尝试了很多次，但都没有成功。您可以共享链接或小提琴吗，这样我们就可以check@AhmedSunny是的，您可以在这里查看：还有。。也许你能帮他学会如何射箭：）