如何解决CSS权限属性
我正在尝试使 Linkedin 之类的消息具有反应性。
因此,我正在尝试使用bottom属性和right属性制作固定的div。
事情是正确的财产不起作用。
我不知道是什么问题。
<div id='message-overlay'>
{chat}
</div>
在此上方,{chat}是在用户单击某物时生成的,其形状是这样的
<div className='user-chat'>{e.target.dataset.id}</div>
下面是我的scss
#message-overlay{
position: fixed;
width: 78%;
right: 0;
bottom: 0;
z-index: 100;
.user-chat{
position: fixed;
z-index: 100;
bottom: 0;
width: 300px;
float: right;
$elements: 7;
@for $i from 0 to $elements{
&:nth-child(#{$i + 1}){
right: 330*($i+1);
background-color: rgb(($i+1)*30,($i+1)*30,($i+1)*30);
}
}
}
}
有没有人为什么正确的属性(在@for中)不起作用?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。