css - 为什么我的 CSS 布局行为异常（请参阅链接）？

Question

这个问题特定于我正在构建的网站。请参阅：http ://www.creeksidekitchen.ca/seniors

布局在页面中心有两列并排，总宽度为 850 像素。但是，只要浏览器窗口宽度为 1275 像素或更小，右列就会下降到左列下方。

我希望这仅在窗口宽度降至 850 像素或更少时发生 - 即我希望它具有响应性，因此只有当窗口太小而无法并排显示两列时，列才应堆叠。

为什么堆叠发生在 1275px 上？

我迷失在自己的布局和逻辑中，我希望从外面看的人能发现引发问题的原因。

score 2 · Accepted Answer

您应该删除/编辑以下代码master.css：

@media only screen and (min-width: 480px) and (max-width: 1275px) {
  .column2 {
    clear: left;
  }
}

1 回答 1