3

この質問は、私が構築しているサイトに固有のものです。参照してください: http://www.creeksidekitchen.ca/seniors

レイアウトには、ページの中央に合計幅 850px で 2 つの列が並んでいます。ただし、ブラウザー ウィンドウの幅が 1275 ピクセル以下になるとすぐに、右の列が左の列よりも下に下がります。

ウィンドウの幅が 850px 以下になった場合にのみこれを実行したい - つまり、ウィンドウが小さすぎて両方の列を並べて表示できない場合にのみ、列がスタックする必要があります。

スタッキングが 1275px で行われるのはなぜですか?

私は自分のレイアウトとロジックで迷子になっています。外部から見て誰かが問題の原因を特定できることを願っています。

4

1 に答える 1

2

で削除/編集する必要がある次のコードがありますmaster.css。

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

プロパティの定義を参照してください: http://www.w3.org/wiki/CSS/Properties/clear

于 2013-01-23T17:31:45.543 に答える