我有一个标题有一个大的图像漂浮在一边,另一边的一小段文字。我想要段落从标题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; }
通过设置位置:相对于父容器,你可以在其中绝对位置元素:)