css - 将 img 添加到 div 标签

Question

我意识到这个问题之前可能已经触及过，但这里是。

我已经对我正在处理的页面的顶部横幅进行了编码。

我现在需要在下面添加一个图像，上面有文本以及一个表单域和按钮。

理想情况下，这需要位于 div 标记内。但是，无论我多么努力，这都行不通，它对我的​​编码没有反应。每次我尝试在 div 中放置一个背景图像来包裹中心内容时，它就不会显示。

因此，我最终将图像作为普通图像放置在 div 中，并将我的文本和表单字段定位为绝对位置。

这似乎工作正常，在元素快结束时我决定在 firefox 和一些不同的分辨率上检查它。

这导致该部分中的表单字段和内容向右移动!

有人可以帮我吗？

真的很想找到一种方法来解决这个问题。

您可以在 http://codepen.io/anon/pen/JpLkE 找到我的代码

Answer 1

据我了解，我已经检查过，你的第一个问题是 - 背景图像不在 之内，所以把宽度和高度放在里面，看起来像

<img src="your_background_image.gif" alt="" height="42" width="42">

第二个是导航，页脚没有出现在那个地方....放在外面并在 css 中固定位置。