<body>
<div class="foot">
<div class="price">价格</div>
<div class="go-time choosed">出发 <span>早</span><span>晚</span></div>
<div class="screen">筛选</div>
</div>
</body>
.foot {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
width: 99%;
display: flex;
justify-content: space-around;
background-color: #FFAA07;
color: #FFFFFF;
font-size: 14px;
}
.foot>div {
margin: 9px auto 9px auto;
color: #EEEEEE;
}
.foot .go-time {
border-left: #EEEEEE solid 1px;
border-right: #EEEEEE solid 1px;
padding-left: 22px;
padding-right: 22px;
}
.foot>.choosed {
color: #FFFFFF;
font-size: 15px;
}
点击下面的foot一点反应都没有
然后想着是不是被覆盖了呢,给.foot 设置了一下z-index:100;
.foot {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
width: 99%;
display: flex;
justify-content: space-around;
background-color: #FFAA07;
color: #FFFFFF;
font-size: 14px;
z-index: 100;
}
瞬间有用!!