我的图片div占据浏览器的整个顶部，我该如何解决这个问题？

Question

我的图像div似乎占据了浏览器的整个顶部，我不确定我做错了什么，但为了使文本在图像中对齐，我将不得不添加顶部：250px，对我来说似乎不对。这是我的代码：/usr/src/linux/include/linux/spinlock_types.h

我已附上图片供您参考。 http://jsfiddle.net/Swathi56/zzbwkoLj/1/

updateOutput

Answer 1

从文本中移除top: 250px;并将其父DIV（.hero-text-download）位置设置为绝对位置，并将其与父DIV（bottom: 0;）的底部对齐。

   .hero-image-download .hero-text-download {
        position:absolute;
        margin:auto;
        bottom: 0;
    }

http://jsfiddle.net/zzbwkoLj/2/