h5 固定底部

最新推荐文章于 2024-04-28 18:05:27 发布

乐乐_120

最新推荐文章于 2024-04-28 18:05:27 发布

阅读量5.1k

点赞数

分类专栏： html5 app JSP

本文链接：https://blog.csdn.net/hualele/article/details/56279845

版权

html5 app 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

JSP

6 篇文章 0 订阅

订阅专栏

实现效果

.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>