直接看代码
<div class="cookie"></div>
.cookie{
width:500px;
position:fixed;
left:50%;
bottom:0px;
transform:translateX(-50%);
}
okay! 完事了，下面我简单的解析一下 css，是为了我自己哦~
- 首先 position：
fixed是固定的意思，所以没问题 left和bottom也没问题！必须得一起写上的- 好了
tranform好好写一下~
left：50%，是的就是这样的效果！
然后呢，transform是这样的效果！
我们想让它居中，把自己width的百分之50 向左←移动就可以了，如图所示：
最后不要吐槽我的小黑板 hahaha