勝利ie6で、ちょうどCSSを使用して、このレイアウトを達成することは可能ですか？

Question

 

    <div class="news"> 
     <span class="newsTitle"> This is a news title</span> 
     <span class="newIcon"></span> 
    </div> 

私はこの結果を達成したい：オーバーフローが隠れている場合<のdivクラスの

1.最大幅=「ニュース」が>は、300ピクセルです。
2.ニュースタイトルの単語の数に制限はありません。
3.アイコン「新規」が常に表示されます。

勝利ie6で、それは可能ですか？どのようにCSSを書くのですか？

Answer 1

これは完全に可能ですが、newIconに幅を設定してnewsTitleスパンを適切に調整する必要があります。

ここにあなたがどの程度フィドルだ

.news { 
width:300px; 
    background:#DFD; /* just to show layout, remove when ready to use */ 
    clear:both; 
} 
.newsTitle { 
    float:left; 
    background:#DDF; /* just to show layout, remove when ready to use */ 
} 

.newIcon { 
    width:60px; 
    height:60px; 
     display:inline-block; 
    background: #FDD; /*just as a sample remove when ready to use it*/ 
    float:right; 
} 

jsFiddle