css对文字的布局上没有靠容器底部对齐的参数，目前使用的一个不错的方法也比较好.就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可以精确到像素，自己可以调节，是不是很不错呢?
9 ^" s% v& E7 o$ q4 K5 v
% q4 {- u) E" y$ B4 @ O; p1 V) P
以下是引用片段：
* o" K+ i6 p9 L$ N7 B% W! Q
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
$ u$ g3 s8 [5 o/ Y6 P/ w3 S9 Q# G"http://www.w3.org/TR/html4/loose.dtd">
& q- [8 e) l+ o<html>
) ?- }1 q5 m9 e6 z# a6 t
<head>
4 V1 L* A. u& k7 v7 O) P3 f<meta http-equiv="Content-Type" c>
i% q* B3 {2 L1 g$ G) w" o; r
<title>无标题文档</title>
+ S. w/ I4 p3 E$ G7 [4 n
<style type="text/css">
2 {! N* ?1 {, f1 x3 e% w' T# q
#txt{
5 S* L8 M, O f( J* Eheight:300px;
) K; F; g- \! S& e
width:300px;
! X$ _! O5 x( z Sborder:1px solid #333333;
+ W& t6 A2 U* t8 Btext-align:center;
8 b. A; U* z8 s2 [1 Q6 J5 R- {position:relative
8 G g% O" C4 M& `
}
) ]' P3 L) E1 M! L#txt p{
( T3 B/ T2 N3 r1 t! l& Q) O3 L0 M
position:absolute;
% k e5 s. ?' F: j, x/ e
bottom:0px;
/ Q& D9 ]! a' l% @% {6 Y7 {padding:0px;
" E+ E4 |: n x/ D) }margin:0px
& v4 t$ w' x& n) l% a+ l}
. d1 ]' y/ A% Y+ \" F# v* L
</style>
6 n" N# M/ w( X9 H6 k i</head>
8 T4 a. ^* O' Z
<body>
% D8 x! T. ~( |, }
<div id=txt>
9 ~4 h3 k' N% z0 E& w$ z<p>aadsad</p>
* q$ j$ N' w% d( ?9 n) m</div>
1 {% ?. U: Q, N& ?</body>
) H% o( ?% c4 e- i$ f
</html>
6 { N* ]3 K# W8 M) @2 E
+ b; V# X) O. ^8 \7 S; t推荐网站：中国培训财富网（
http://www.training163.com/）
