如何用CSS让文字居于div的底部
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用CSS让文字居于div的底部相关的知识，希望对你有一定的参考价值。
参考技术A <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
#txt
height:300px;
width:300px;
border:1px solid #333333;
text-align:center;
position:relative
#txt p
position:absolute;
bottom:0px;
padding:0px;
margin:0px
</style>
</head>
<body>
<div id=txt>
<p>aadsad</p>
</div>
</body>
</html>
如何用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让文字居于div的底部的主要内容，如果未能解决你的问题，请参考以下文章