问题解决了,因为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
具体一些,哪个跑到下面去了?
背景图大小跟你的div大小不一样,试着改div大小跟你的原图一致
width后面是冒号不是分号,不然整个course_type都没宽度,一点小错误就把所有给毁了~
检查路径是否正确