問題タブ [clearfix]

clearfixHTML からクラスを削除し、SCSS (Rails 3.1 アプリケーション) に clearfix mixin を含めたいと考えています。これに対する最善のアプローチは何ですか？

HTML 5 Boilerplate clearfix を取り込んで mixin に変換し、それを @include して、clearfix が必要な要素の CSS 内に含めることを考えています。

HTML5 ボイラープレートからコピー:

これに欠点はありますか？より良い方法はありますか？この方法で HTML マークアップから clearfix を安全に削除できますか?

960グリッドシステムでモックアップを作成していて、.clearfixで問題が発生しました。私はクリアをトリガーするためにコードに余分なdivを含めるのが好きではなく、すべてのドキュメントで.clearfixに関するドキュメントが解決策として提示されているようです。960gsには独自のclearfixクラスも付属しているので、動作するはずです。ただし、タグを適用しても何も起こりません。空のdivのクリアクラスは機能します。要素のclearfixクラスが失敗した後、強制的にクリアしたいのですが。clearfixについていくらあるかを考えると、それは私が見落としているものに違いありません。

ソースは次のとおりです。

左揃えのラベルと右揃えのフォーム コントロールを表示するフォーム レイアウトがあります。フォーム コントロール (この場合は ) で float:right を使用して動作させようとしてから、clearfix クラスを適用しようとしましたが、選択ボックスで clearfix が動作していないようです。

ここに何か問題がありますか、それとも選択要素で clearfix が機能しないと予想されますか?

ただし、これを行うと、選択ボックスは含まれている div の下部からはみ出します。

私のコード:

最近、いくつかのウェブサイトのコードを調べて<div> いて、すべてに class があることがわかりましたclearfix。

Google で簡単に検索したところ、時々 IE6 用であることがわかりましたが、実際には clearfix とは何ですか?

clearfix を使用しないレイアウトと比較して、clearfix を使用するレイアウトの例をいくつか挙げていただけますか?

2つの子要素を含むdivがあります。最初のdivには、ユーザーの操作時にjQueryを介して動的に追加されたコンテンツがあります。2つ目は、親divに含まれないという問題があるテキスト領域です。

<div class="organizer_email_address">something@gmail.com</div>ユーザーがいくつかのオプションを選択してボタンをクリックした後、jQueryを介して追加されます。

clearfixメソッドを試しましたが、親divに2番目の子が完全に含まれることはありません。見て、何が悪かったのか見てください、ありがとう！

HTML

CSS

子がプロパティを使用するときにdivタグがclearfixクラスを使用するのを見てきました。clearfixクラスは次のようになります。divsfloat

clearfixプロパティを使用するときに使用しない場合bottom-border、境界線が子の上に表示されることがわかりましたdivs。誰かがclearfixクラスが何をするのか説明できますか？また、なぜ2つのdisplayプロパティがあるのですか？それは私には非常に奇妙に思えます。私は特にそのcontent:'.'意味について興味があります。

ありがとう、G

この問題があります: 絶対位置の親 div 内に 2 つの浮動 div があります。

CSS:

HTML:

Firefox では、ラッパーに が含まれていない場合、position:absolute意図したとおりにすべてが機能します。絶対にするとすぐに、ラッパーが縮小し、フローティングのコンテンツがdivsドキュメントの残りの部分と重なります。また、ラッパーの幅を 100% に設定すると、垂直スクロールバーに重なってしまいます。

私は何が欠けていますか？

フェイスブックのコメントボックスがタブ付きナビゲーションのタブの真下に浮かんでいる理由を理解しようとすると、私は大きな頭痛の種になりました。フローティング要素のclearfixの複数のバリエーションを試してみましたが、jquery要素を削除すると正常に機能することがわかりました...しかし、答えを特定するのに問題があります

これが有効なリンクです

http://smooth-media.co.uk/clients/4598185/

よろしくお願いします

サイトを微調整しようとしていますが、コンピューターの前に長時間座っていたため、どこに間違いがあるのか​​ わかりません。誰かがcssの基本的な知識を持つ人を助けることができることを願っています.

これが私のcssです：

追加したかった

#slider-wrap を使用して、ヘッダーの右上から開始するようにしますが、これを行うと #content が上に移動し、スライダーの真下に配置されますか?

これらのオブジェクトが次の順序で表示されるようにするための正しい配置は何ですか? 1. ヘッダー 2. スライダー (部分的にヘッダーの下) 3. コンテンツ

スライダーのないページでは、コンテンツはヘッダーに従う必要があります???

このnoobの手がかりは大歓迎です