我有一个标题有一个大的图像漂浮在一边,另一边的一小段文字。我想要段落从标题div的底部开始。如果段落中有5行,我希望最后一行位于标题的底部。我无法让该段落在那里。
我有这样的东西:
<div id='header'>
<img id='logo' />
<p id='quote></p>
</div>
CSS是:
div#header {
height: 200px;
}
div#header img#logo {
float: left;
}
p#quote {
float: left;
}
解决方法
http://jsfiddle.net/danheberden/ymwPe/
<div id="container">
<div id="gonnaBeOnTheBottom">
<p>Hi there!</p>
<p>I'm on the bottom!</p>
</div>
</div>
CSS:
#container {
background: #EEE;
height:400px;
width:400px;
position:relative;
}
#gonnaBeOnTheBottom {
position:absolute;
bottom:0;
}
通过设置位置:相对于父容器,你可以在其中绝对位置元素:)

