【问题标题】:image that is inside of a div is showing up 1 px lower then the expected height?div 内的图像显示比预期高度低 1 px?
【发布时间】:2014-07-13 08:36:35
【问题描述】:

我目前正在尝试创建一个“网络应用程序”(对我来说,这意味着一个可以在许多不同浏览器大小的 atm 上运行的网站..),它具有一个“按钮”列表,您可以滚动浏览它们并根据需要单击它们。我目前想要完成的只是让每个“按钮”或“行”在左边有文字,在右边有一个箭头。 (如果这没有意义,我已链接到当前站点的 zip) 我目前的布局方式是每行有 2 个容器(div),左侧有 1 个带有文本的容器(文本与左侧对齐(带有轻微填充)),右侧有 1 个(图像(箭头)向右对齐(也有轻微的填充))。 问题是当我查看页面时,箭头图像位于 div 其余部分的高度下方 1 px,(它有一个 bg img,jsyk)导致它显示一个滚轮。 我还没有找到任何方法来解决它,有什么想法吗?

网站下载链接: https://dl.dropboxusercontent.com/u/268789013/ios_app_test.zip

【问题讨论】:

  • 一个 jsfiddle 或类似的会很好:)
  • 欢迎来到 SO。请在您的问题中包含您的相关代码(HTML、CSS 等)。如果可能,请尝试在jsfiddle 中重现问题。

标签: html css image height


【解决方案1】:

设置

overflow: hidden;

在包含您的箭头的 div 上。

【讨论】:

    猜你喜欢
    • 2014-03-10
    • 1970-01-01
    • 2014-06-05
    • 1970-01-01
    • 2021-08-06
    • 1970-01-01
    • 2014-06-15
    • 1970-01-01
    • 2016-02-17
    相关资源
    最近更新 更多