在Win ie6中，只需使用css，是否可以实现这种布局？

Question

 

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

我想要实现这样的结果：

1，最大宽度的< DIV CLASS = “新闻” >是300像素，如果溢出隐藏;
2.新闻标题词的数量没有限制;
3.图标“新”总是显示。

在win 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