html - 如何在底部中间修复此图像?

标签 html css twitter-bootstrap

我有这个网站:

link

我放一张图更清楚的明白他们要干什么。

enter image description here

代码 HTML:

<div class="col-md-12 text-center">
            <img src="wp-content/uploads/2015/10/scroll.png">
        </div>

定位在那个位置......我用 Bootstrap 做了这些事情,不知何故你知道如何解决这个问题吗?

无论分辨率如何,这张图片必须始终存在

提前致谢!

最佳答案

尝试以下操作。

添加相对于容器的位置

.about-content-top{
    position:relative;
}

为图像添加绝对位置并将底部设置为0

<div style="position: absolute; bottom: 0px;" class="col-md-12 text-center">
    <img src="wp-content/uploads/2015/10/scroll.png">
</div>

关于html - 如何在底部中间修复此图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35346449/

相关文章:

javascript - 样式.显示 :none turns out to be little dots

css - 有没有办法将div的高度设置为 `overflow-y: auto`

javascript - 显示 :none defaulting width 的 HTML 元素

javascript - 使用 javascript 重写特定链接,但指向特定目录的链接除外

html - 在一个表中,右对齐一列,左对齐另一列

html - 在列中显示照片的问题

css - 为什么 bootstrap css (3.2) 可以在移动端和桌面端工作

css - 在容器内用 flexbox 填充高度

javascript - 如何将数组从一个html传递到另一个html页面?

iphone - 通过 HTML 代码在 UIView 中使用透明背景色