问题解决了，因为CSS  course 那里  width  后面没有 分号；

图片路径配置错了

<img src="./images/css.jpg" />

这个复制过去试试

知道了知道了，p元素里面的内容如果是数字和字母，不能自动换行 不知道的小伙伴了解一下哦

你可以试试H4-h6

你是把代码写在</div>外面去了吧！

第184行  是.news  少了一个s

为了解决老版本IE兼容性问题

是不是漏写了height，贴下代码

素材中所给背景图的高度不是37px,而是27

应该不会。子元素如果没有设置宽高，那它的宽高就根据内容来确定。

如果父元素没有设置宽高，那它的宽高就根据子元素来确定。

块级元素的宽如果没有浮动一般会占满一行

行级元素就不会占满一行

浮动脱离文档流不代表会覆盖某些内容，它只是脱离文档流，就是不会按照你的设计而进行布局，就算它在任何位置也是和网页中其他的内容是平级关系，也会占有自己得到位置。你所说的覆盖文本需要定位层来做

html代码中是news-list  css中变成了  .news_list  名字保持一致

发代码时能注上代码语言嘛？这样看着好累。

sidebar里面没有内容浏览器看不出效果，course里面有内容浏览器看得到效果，course和sidebar都是块级元素且都相互独立，不可能出现course的内容到sidebar中去。

你可以打开浏览器调试工具（直接按F12）使用元素焦点工具（Ctrl+shift+c），鼠标聚焦到窗口内容，窗口会有提示焦点目标元素名。

非常感谢，已经解决！！！

margin-right 属性设置元素的右外边距,换成float：right；看看

span 是文字标签不是浮层，默认宽度就文字那么宽所以你设置文字居右没有效果，让span漂浮可以达到你的效果吧，float:right

具体一些，哪个跑到下面去了？

不要加！！！

因为float:left 之后，不管什么级别的元素都相当于inline-block。

ps：当然加了也没啥副作用（至少我没发现），但是还是不要加！！！

背景图大小跟你的div大小不一样，试着改div大小跟你的原图一致

width后面是冒号不是分号，不然整个course_type都没宽度，一点小错误就把所有给毁了~

检查路径是否正确

什么意思？亲