html – CSS文本对齐底部的容器

概述我有一个标题有一个大的图像漂浮在一边，另一边的一小段文字。我想要段落从标题div的底部开始。如果段落中有5行，我希望最后一行位于标题的底部。我无法让该段落在那里。 我有这样的东西： <div id='header'> <img id='logo' /> <p id='quote></p></div> CSS是： div#header { height: 200px; 我有一个标题有一个大的图像漂浮在一边，另一边的一小段文字。我想要段落从标题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;}

通过设置位置：相对于父容器，你可以在其中绝对位置元素:)

总结

以上是内存溢出为你收集整理的html – CSS文本对齐底部的容器全部内容，希望文章能够帮你解决html – CSS文本对齐底部的容器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。