html - 边框或图像不显示在 iphone 的水平滚动条上

Question

当我水平滚动页面时，顶部的 div 边框不显示。 这是 CSS 和 HTML。

请同时检查所附图片。

.top {
    height:28px;
    padding-top:7px;
    border-bottom:5px solid #f7931d;
}

<div class="top"></div>

Answer 1

div 宽度跟随屏幕宽度，因为里面有一些 float 对象(可能只是猜测)。

你可以做

.top {
  ...
  display: inline-block;
}

或设置预期宽度