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

Question

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

我想达到这个结果：

1.＆lt; div class =“news”的最大宽度＆gt;如果溢出隐藏则为300px;
2.新闻标题的数量没有限制;
3.始终显示“新”图标。

在win ie6中，有可能吗？如何编写css？

Answer 1

完全可以，但你需要在newIcon上设置一个宽度，强制newsTitle span适当调整。

这里有一些代码可以帮助您入门

.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