html - 2つのdivが正しくフローティングされていない

Question

問題が何であるかわからない：http ：//watercookies.topfloorstudio.com/

.newscontentright「最新ニュース」まで下にスクロールすると、クラスのdivが左側の画像とインラインになるようにしようとしています。私は自分でそれを理解しようとしてあまりにも多くの時間を無駄にしてきました。何か助けはありますか？

Answer 1

newscontentrightの幅を設定する必要があります

.newscontentright {
       width: 300px;
 }

そして、newscontentleftとnewscontentrightの間から以下を削除します

 <div style="clear:both;"></div>

補足として、クリアを使用せずにページをレイアウトする方法を学びます。どうしても必要な場合にのみクリアを使用してください。そうしないと、問題が発生します。「オーバーフロー：自動」がより良い解決策であることがよくあります。

この特定のケースでは、クリアは完全に不要なので、削除するだけです。

Answer 2

たぶんあなたの最初のフロートの前にあなたのクリアを試してみませんか？

<div style="clear:both;"></div>
<div class="newscontentleft">
<img class="imageshadow" width="178" height="122" alt="news1" src="images/news1.jpg">
</div>
<div class="newscontentright">   
<h3>Fall Blue Ridge Parkway “Bike for the French Broad”&lt;/h3>   
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vestibulum, turpis ut hendrerit porttitor, lectus ipsumegestas sapien, ac tristique metus quam id est. </p>
<a> href="#">Read the full article »</a>
</div>