問題タブ [css-float]

左にテキストがあり、その中の各liの画像がliの右側にある順序付きリストが必要です。そこで、画像を右に浮かせて、画像を右に、テキストを左に正しく配置しましたが、IE と FF では画像が 14 ピクセル低すぎます。クロムはそれを正しく行います。これは、IE と FF がフロートを本来あるべき場所 (Chrome など) の内側ではなく、各 LI の外側または下に配置しているように見えます。IE と FF の位置を -14px (上) に調整すると、問題なく動作しますが、Chrome が台無しになります。14px は各 LI の高さであるため、そのトリックが機能します。

絶対に必要な場合を除き、ブラウザーのハッキングは 1 回もしたくありません (つまり、IE/FF の -14px オフセットを実行し、Chrome にそれを無視するように指示します)。

li について特別なことは何もありません:

最初の LI には FF/IE の画像がなく (#2 のように見えます)、#25 の画像はリストの一番下にあるため、参照してください。

3つすべてをChromeのように見せたい. OL/LI を生成する JavaScript がいくつかあり、これはclass=removeTeamjQuery アクション専用です。このリストは jQuery ソート可能内にあり、jQuery ( .disableSelection();) でリスト選択を無効にしています。これは単純な CSS であり、jQuery や JavaScript とは何の関係もないと思います。

Web ページの右上部分 (ヘッダーとナビゲーションの下) に動的にサイズ変更されたサイドバーをフロートさせ、その周りにページ フローのメイン コンテンツを配置しようとしています (「L」字型を除く)。 「L」の下の部分が本当に厚い）。サイドバーの幅と高さはページごとに異なるため、厳密な値は使用できません。

私のcssは次のようになります：

（さらに、パディング、マージン、および背景色コードは重要ではないと思います）

私のhtmlは次のようになります：

最初にサイドバーの div を作成する必要がある理由が完全にはわかりませんが、このコードは FF、Chrome、Safari (Windows)、および IE8 で正常に動作します。しかし、IE7 (および私が気にしない IE6) では、サイドバーの div に "clear: left" があるかのように、メイン コンテンツがサイドバーの下部に押し下げられます (しかしありません)。 .

特にIE8は他のブラウザとまったく同じように動作するため、これはIE7の非準拠バグの1つであると感じています。しかし、私はそれを修正する方法がわかりません。

何か案は？ティア。

固定幅の親divがあり、その中にタグ付きの画像が右に浮かんでいます。

テキストが画像を包み込むことを期待して。

残念ながら、IE7は親divのRHS境界の外側に画像をフロートさせます（http://horticulture127.massey.ac.nz/ie7view.pngを参照）が、FFとSafariは親divの境界内にフロートとラップされたテキストを表示します（黒垂直線は、親divのLHS/RHS境界です。

このCSS障害を修正するにはどうすればよいですか？正しいフロートに関するIE6/7の問題について入手できる情報が非常に多いため、私は完全に圧倒され、解決策を見つけることができません。

（imgposrはcssアイテムではありません-一部のjqueryのセレクターです）

2つのdivが隣り合っており、どちらもラッパー内に左に浮かんでいます。IEとFirefoxでは正しく表示されますが、Chromeでは2番目のフローティングdivがDiv Aの下でクリアされます。cssで「float：left」を削除すると、Chromeでは正しい位置に移動しますが、IEとFirefoxではクリアされます。 （そうあるべきです）。Chromeでこのように表示される理由がわかりません。何か案は？

タグ (Div 内) を中央に配置するタグクラウドがあります。float: center がないので、クリーンなソリューションを探しています。私のHTMLは次のようになります。

Div は、両側 (中央) にスペースを空けてフロートする必要があります。これをこれ以上うまく説明する方法がわかりません。何か案は？

ありがとう！

更新 .tag div には、さまざまなコンテンツが収まるように柔軟な幅が必要です。

また、1行に複数のタグを含めることができるはずです（タグが十分に短い場合）

これまでの私のCSS：

私のHTML：

CSSフローティングを（頭の中で）動作させるのに苦労しています。

次の例に注意してください。

これにより、次の出力が得られます。

しかし、私はこれを期待していました：

明確な理由: 左; クリアも？

私の目標：

clear:right; のみを追加したい class: right でマークされた DIV に。これにより、次のようになります。

フロートした要素または絶対的に配置された要素をcssのフローにとどまらせる方法を探しています。私は、cssがflow：on flow：offのようなものを持っていないので、それをフローに保持したり、取り出したりするのは愚かだと思っています。

問題は、高さが可変のdiv要素が必要であり、divの左側にフロート画像があり、divが少なくとも画像の高さであることです。また、フロー内にあるすべてのテキストを保持するのに少なくとも十分な大きさである必要があります（これは明らかに問題ではありません）。

サイズを変えることができるように写真が必要です。私は現在jQueryソリューションを使用していますが、機能しています。デバッグしたくないし、何らかのCSSソリューションがあるはずだと思うので、お願いします。

誰かが私がこれを行う方法を知っていますか？