繁体   English   中英

div在父级底部有间距?

[英]Div in bottom of parent with spacing?

因此,我将通过图像的一些帮助来描述我的问题。

网站

问题:在上面的帖子中,您可以看到“我的签名”贴在帖子的底部,但是在第二个帖子中,您可以看到它以帖子结尾的内容结尾。

因为这是一个论坛,所以没有设置内容的高度,因此它的大小取决于作者撰写的文章的时间。

代码:我现在拥有的签名是CSS

  bottom: 0;
  position: absolute;

包含内容和签名的整个帖子都有

  position: relative;

无论签名上方的内容有多高,我如何将签名粘贴到底部的任何想法?

编辑:JSFiddle: http : //jsfiddle.net/QkCc5/1/

好了,这似乎对我有用JSFiddle Example 也许您的代码中存在其他问题,或者您的浏览器过时了?

CSS:

.post {
    position: relative;
}
.signature {
    position: absolute;
    bottom: 0;
}

更新:

尝试添加一个padding-bottom: 40px; 帖子内容容器的CSS规则(而不是帖子容器本身)

使其与您刚添加padding-bottom:40px; .topicContent ,这是您的.signature的高度

http://jsfiddle.net/QkCc5/2/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM