Html IMG进入新线路（线路问题）

我有一个版权页脚有文字和一个小标志；问题是，在屏幕上（手机尺寸较小），它看起来还可以，但在手机上，IMG会转到一个新行（在文本下方，而不是上方）

版权©；2014
.版权所有{
显示：内联块；
位置：绝对位置；
宽度：100%；
高度：30px；
左：0px；
背景色：#333；
z指数：600；
}
#版权所有{
字体大小：12px；
字体系列：Globerb；
高度：20px；
位置：绝对位置；
不透明度：1；
颜色：646566；
顶部：8px；
z指数：4999；
}
#版权所有img{
位置：绝对位置；
页边顶部：-2px；
}

---

我是css新手，如果我不专业，很抱歉。

尝试使徽标图像响应，这样当屏幕尺寸变小时，它会缩小，而不是被撞坏。尝试将高度和宽度设置为“自动”

  <div class="copyrightbar">
  <div id="copyright">Copyright &#169; 2014 <img style="padding-left: 7px; padding-right: 5px;" src="images/copyright.png" width="auto" height="19" alt=""/> </div>

版权©；2014

问题可能存在，因为图像大小超过了移动屏幕的大小，因此有一条下降线，因为图像没有位置。尝试使用

宽度

和

高度

缩小图像

---

您甚至可以尝试删除

位置：绝对

请在Fiddle.net中创建一个演示。如果您有一个在线链接要显示，请共享该链接。发布的代码总是将图像放在文本下方，因为它“绝对”地定位它们。请发布真实再现问题的代码。至少在调试时，使用颜色对比（文本和背景之间），使文本具有合理的可读性。那么，为什么它在普通PC上不显示在其下方，而只显示在Mob Jukka上？我在普通PC上进行了测试。就目前情况而言，这是一个非问题，不接受非答案。它适合页面大小，问题是它与文本不一致：如果你把图像标签放在文本之前，会发生什么@belthazorNvI认为它只是被撞倒了，因为你已经硬编码了图像的大小@贝尔塔佐尔诺夫

  <div class="copyrightbar">
  <div id="copyright">Copyright &#169; 2014 <img style="padding-left: 7px; padding-right: 5px;" src="images/copyright.png" width="auto" height="19" alt=""/> </div>