html - CSSヘルプが必要

Question

スタイルシートで助けが必要です。私は持っているdivを持っています：

Header text with underline, 
icon
link but

説明テキスト付きのトン。

すべて個別のコントロールです。

添付画像の「1」は現在取得しているUIで、「2」は必要なUIです。

2番目のモジュールは動的に生成され、最初のdivのテキストをオーバーライドします。この動作を修正するために使用できるプロパティはどれですか？

Answer 1

clear:both見出しのCSSに追加する必要があります<div>。

Answer 2

Nicolas Gallagher の clearfix ハックを使用して、IE6 までのクロスブラウザー サポートを使用することをお勧めします。

http://nicolasgallagher.com/micro-clearfix-hack/

コードは次のとおりです。

.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

/**
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
*/
.cf {
  *zoom: 1;
}

cfクラスを最初の に適用しますdiv。