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

前端之家收集整理的这篇文章主要介绍了html – CSS文本对齐底部的容器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个标题有一个大的图像漂浮在一边,另一边的一小段文字。我想要段落从标题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;
}

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

原文链接:https://www.f2er.com/html/233250.html

猜你在找的HTML相关文章