如何用css将底部的内容定位到顶部
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用css将底部的内容定位到顶部相关的知识，希望对你有一定的参考价值。
将底部的内容定位到顶部，只要在css层上面加上一个浮动，将定位至top设置成0即可。说明如下：
position：absolute（将对象浮动）
top:0; （将对象定位对顶部）
整体css示范如下：
如要将内容放至底部，只需将top:0修改成bottom:0即可，整体css未范如下：
希望我的回答能令你满意！
结合定位实现：
1)，如果希望相对于body或者是整个浏览器窗口定位
<body>
<div id="header">头部</div>
<div id="footer">尾部</div>
</body>
css:
#footerposition:absolute;left:0;top:0
1)，如果希望相对于包含它的容器定位
<body>
<div id="box">
<div id="header">头部</div>
<div id="footer">尾部</div>
</div>
</body>
css:
#boxposition:relative
#footerposition:absolute;left:0;top:0
参考技术B 您好，请问您是想知道如何用css将底部的内容定位到顶部吗？以上是关于如何用css将底部的内容定位到顶部的主要内容，如果未能解决你的问题，请参考以下文章
如何在像 snapchat 故事一样从底部滑动到顶部 android 时打开底部工作表片段