你样式复制错了，看不到啥问题啊

有很多因素会影响，不是你一个选择器的样式写对了就写对了，有时候你上面的样式写错了也会导致下面的出问题

放左侧也没用

兄弟，列子都没有，，float或盒子模型

原来整个wrap都是白色，我所说的奶白色就是白色，而默认的不是

给wrap设置background-color: #fff;即可

最佳解决方案，就是把a标签左浮动和span标签右浮动

就近原则的原因吧。

你是不是复制了其他人留言的代码片段？他的标签包裹关系有错，应该是这样<li><a href="#"></a><span></span></li>

效果图是这样的

你试试把破茧成蝶后的横线换成--，视频里效果图是俩横线，中文输入一条横线等同于两个－。也就是说，你实际上输入了4个-  ，所以本来设定好的宽度就不够了，只能挤到下一行

你可以试下，但是margin是直接可以设置4个方向，height只能设置高吧

你的news_list前面少了个点？

li不要加float:left。float之后，li标签虽然还是block元素，但是某些性质类似inline-block，如宽高收缩由内部元素撑起，宽度不再是整行。这时span再float:right只是在li内部浮动，到边界就不走了。关于float可以看下张鑫旭大神的课程，慕课网就有。

这张是margin-left:10px;

这张是padding-left:10px;

两个css的样式是不一样的  不明白为什么

连个截图都不给吗。。截取对应区域的代码。其他人也好比较嘛

还有这个DIV里的包裹顺序是这样的。你是不是复制了其他小伙伴留言里的代码片段了？

<div class="news-list">

            <ul>

                <li><a href="#"></a><span></span></li>

            </ul>

 </div>

ie版本高点的兼容好一些 你用ie6就知道了

看不懂你在说什么

标签包裹的顺序，其他同学在留言里的代码里的标签错位了，要这样

 <li>

    <a href="#">

            【慕课访谈】破茧成蝶--美女程序猿的锐变史

    </a>

    <span>

            2014-05-28

    </span>

</li>

还有就是最后一行的“破茧成蝶--” 是两道减号，用中文就会占用4道减号的长度，所以news_listde的长度就不够放下文字了，自动换行了

background:url(list.jpg)no-repeat是简写，它展开的的方式是

{backgrond-img:list.jpg;

background-repeat:no-repeat;}

而你background-image:只能定义图片路径，不能定义是否重复啊

把代码发上来看看

我也想知道

你可是设置超过就让他设置为点点点啊

可以不用清除，因为有子元素撑开了高度比如a连接的内容

你样式中图片的路径，写对了吗？

.news_list li{
   list-style: none;
   background-image: url(../images/list.jpg);
   background-repeat: no-repeat;
   padding-left: 10px;
   margin: 8px;
   border-bottom: 1px dotted #CCCCCC;
}

现在基本上都不用考虑这些问题，会耗费大量的时间。兼容主流浏览器就行了。