1

tumblr を利用した非常にシンプルなページを作成しています。

メインエリアには 3 列のコンテンツがあります。コンテンツ div はすべて 33% の幅に設定され、左にフロートされています。ほとんどの場合、これは予想どおりに配置されますが、ウィンドウのサイズを変更すると、2 列に戻ることがあります。誰でもこれを解決する方法を知っていますか?

HTML はこちら: http://emilestest.tumblr.com

4

3 に答える 3

0

特定のケースでは、いくつかの解決策があります。

  1. JavaScriptでsを配置してサイズを変更し、 divCSSレイアウトを無効にします
  2. 使用するdisplay: table
  3. table要素を使用する

免責事項：彼らが読んだときに叫ぶすべての人のためにtable：

表形式のデータを表示するためにテーブルをシミュレートするために分割を使用することは、グラフィックやページのレイアウトを制御するためにテーブルを使用することと同じくらい設計上の欠陥です。

出典： http： //en.wikipedia.org/wiki/Tableless_web_design#The_use_of_tables

于 2012-09-07T12:26:51.387 に答える
0

.item css幅を32％に設定してみてください。ブラウザが幅を誤って計算することがあるため、余分なピクセルが1つか2つある可能性があり、フロートが次の行に重なっています。

于 2012-09-07T12:23:33.433 に答える
0

関係するJavascriptアクションがあります。htmlarticle要素は絶対位置といくつかの座標を取得します。それらのスクリプトを確認してください（または、CSSのみをポジショニングに使用するために無効にします）。

于 2012-09-07T12:23:44.743 に答える