■クリアフィックス簡易指定方法■
<br>にclear:both;を指定。クリアフィックスしたい所に<br class=”c1″>を入れる。
▲例▲
●HTML
<section id=”article01″>
<figure><img src=”images/img_031.jpg”></figure> <div>
<h1><img src=”images/stit_031.png” alt=”雑草と野菜の共存”></h1>
<img src=”images/com_031.png” alt=”ここが野菜畑!?” class=”comment02″>
<br class=”cl”>
<p>自然農法という言葉は、食に対して意識の高まりとともに、一般的になりつつあります。玉名牧場にある畑では、自然農法で野菜がつくられています。案内された畑を見て、びっくりします。「ここが野菜畑??」雑草と野菜が、うまいこと共存しているのです。それこそが、自然本来のあり方。必要なものだからこそ、そこにあるという自然の摂理。自然が教えてくれるさまざまなことが、その畑には広がっています。</p>
</div>
<br class=”cl”>
<img src=”images/animal_s.png” class=”ani_s”>
</section>
●CSS
.c1{ clear:both;}