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

Question

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

也请检查所附图片。

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

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

Answer 1

div 宽度跟随屏幕宽度，因为里面有一些浮动对象（可能只是猜测）。

你可以做

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

或设置预期宽度