实现效果
.footer {
position: fixed;right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.footer {
border-radius: 0;
}
}
.footer {
background-color: #FFFF00;
bottom: 50px;
margin-bottom: 0px;
}
<footer class="footer">
<table style="width: 100%;background-color: #FFFFFF;margin: 0;padding: 0;">
<tr>
<td style="text-align: center;font-size: 16px;">
合计:
<span id="sum_price"></span>
</td>
<td rowspan="2" style="width: 30%;background-color: #FF0000;min-width: 50px;text-align: center;color: #FFFFFF;">去结算</td>
</tr>
<tr>
<td style="text-align: center;font-size: 12px;color: #999999;">
总数量:
<span id="sum_number"></span>
</td>
</tr>
</table>
</footer>