将文本与引导程序面板底部对齐
将文本与引导程序面板底部对齐
提问于 2018-08-16 04:10:01
我想有一些文本对齐到面板的底部-内容在一个bootstrap panel。(我使用的是bootstrap 3.3.7)然而，使用
position: absolute;
bottom: 0;将其与整个面板的底部对齐--位于页脚中。我希望它只与panel-content div的底部对齐。但我不明白它为什么要这么做。
下面是正在发生的事情的图像，然后是我的面板div和“save”样式的代码。我尝试将“save”对齐到panel-content div的底部，但它进入了页脚。
<div class="panel panel-default">
<div class="panel-body editdiv my-textarea" contenteditable>
Panel content
<p class="savemet bottom">save</p>
</div>
<div class="panel-footer">
<input type="text" class="poetic" placeholder="e.g. jealousy or loss">
<div class="idea"></div>
</div>
</div>..。
.bottom {
position: absolute;
bottom: 0;
}回答 1
Stack Overflow用户
发布于 2018-08-16 04:14:23
您必须为面板内容div指定一个相对位置，然后为您尝试放置在底部的项目提供绝对位置，并将该div或元素放置在面板内容div中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51865733
复制相关文章
相似问题