请稍等 ...

我引入css正确但是在浏览器上却变成了下面这模样我去掉了其他信息下图只有nav

Sivel 2017-12-08 15:57:12

源自：10-2 实现边栏

2104

收起

提交取消

11回答

蒋犇犇 2019-02-26 23:16:29

同样的问题我也遇到了，谁能给个答案。

1

2

3

4

5

6

7

<head>
    <meta charset="utf-8">
    <title>卖家后端管理系统</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/ordering/css/style.css">
    <link href="https://cdn.bootcss.com/bootstrap-fileinput/4.4.7/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
</head>

2 回复有任何疑惑可以回复我~

蒋犇犇 #1

问题找到了，应用文件的路径错误。

<link rel="stylesheet" href="/ordering/css/style.css">
替换
<link rel="stylesheet" href="../../css/style.css">

有用到的人点个赞，谢谢。

回复有任何疑惑可以回复我~ 2019-02-26 23:29:17

zzylove 回复蒋犇犇 #2
```
有用，但很好奇为啥不用加static
```
回复有任何疑惑可以回复我~ 2019-03-25 01:31:04
蒋犇犇回复 zzylove #3
```
不知道为啥读取的路径不对
```
回复有任何疑惑可以回复我~ 2019-08-04 00:03:57

点开查看后面3条评论

No_7479 2019-11-06 16:54:24

我也遇到了截图同样的问题，试了能想到的各种路径都不行。

SpringBoot默认查找资源时会扫描上面位置，可以看到有static目录，问题是但是不知到为什么不会扫描static下一层的文件夹。

解决办法：

修改默认的扫描位置添加标记处的（一定要把SpringBoot默认的加上）

1 回复有任何疑惑可以回复我~

廖师兄 #1

「问题是但是不知到为什么不会扫描static下一层的文件夹」
课程里就是用下一层文件夹  static/css/style.css
html里可以用<link rel="stylesheet" href="/sell/css/style.css">

回复有任何疑惑可以回复我~ 2019-11-07 10:44:54

不吃鱼的喵儿 2019-08-08 19:52:02

这个问题，刚刚我也遇到了，。说一下，解决方法：第一步重启IDEA，必须重启，我也不知道为啥，

<link rel="stylesheet" href="/imooc/css/style.css">

改成这样，imooc是你的context-path。重启服务即可

1 回复有任何疑惑可以回复我~

0kra #1
```
说真的，我也搞不懂 为什么要重启一下
```
回复有任何疑惑可以回复我~ 2020-04-10 15:00:26

慕工程1148982 2019-01-23 11:31:52

<link rel="stylesheet" href="/sell/css/style.css">

这是湿胸写的, 你按照这个写没问题的, 你是不是style.css压根没有在sell服务有这个文件导致的?

style.css这个文件放在static/css这个目录下, 大兄弟你看看吧

湿胸的应该不会错哈哈哈哈哈哈

1 回复有任何疑惑可以回复我~

不懂飞翔的鸟 2018-03-11 21:16:42

<link rel="stylesheet" href="/./css/style.css">

复制上去这样引入就可以了，可以试试，直接复制，我在这里卡了一下午，群里同学帮助我的，直接复制

1 回复有任何疑惑可以回复我~

不懂飞翔的鸟 #1
```
<link rel="stylesheet" href="/css/style.css">  这样也可以
```
回复有任何疑惑可以回复我~ 2018-03-11 21:21:18

慕尼黑7895541 2022-02-20 15:07:38

resources -> reload from disk

TRANSLATE with x

TRANSLATE with

COPY THE URL BELOW

EMBED THE SNIPPET BELOW IN YOUR SITE

Enable collaborative features and customize widget: Bing Webmaster Portal

0 回复有任何疑惑可以回复我~

小鱼0319zn 2022-01-06 18:35:56

俺也一样，还好看到这么多回答

0 回复有任何疑惑可以回复我~

风月同天 2019-08-01 17:58:38

如果路径没问题，重启idea可能就好了，很神奇

0 回复有任何疑惑可以回复我~

慕丝5178657 2018-10-28 11:23:17

我和这位同学问题一样，css的各种相对路径，绝对路径也用了，怎么回事？

0 回复有任何疑惑可以回复我~

慕尼黑3064031 2018-04-13 19:59:59

我也遇到了，多些师兄解答，卡了好几小时。。

0 回复有任何疑惑可以回复我~

廖师兄 #1
```
抓包看，请求css的那个链接，是不是404了。
```
回复有任何疑惑可以回复我~ 2018-10-30 00:01:41

我要跳槽回复廖师兄 #2

直接请求时404，为什么，目录和你放的一样的，其他资源都可以访问到

回复有任何疑惑可以回复我~ 2019-07-01 10:38:33

廖师兄回复我要跳槽 #3
```
css 404，路径放得不对吧
```
回复有任何疑惑可以回复我~ 2019-07-02 11:56:21

LayJustDoIt 2017-12-08 18:08:53

你的link应该少东西，看看加没加rel="stylesheet"

0 回复有任何疑惑可以回复我~

提问者 Sivel #1
```
肯定加了   idea自动提示的
```
回复有任何疑惑可以回复我~ 2017-12-10 09:59:30
廖师兄回复提问者 Sivel #2
```
对比下源码，看看自己哪写错了，bootstrap版本也注意下
```
回复有任何疑惑可以回复我~ 2017-12-10 12:38:17

提问者 Sivel 回复廖师兄 #3

我确实照着你的操作来着啊   就一个<#include "../common/nav.ftl">操作  其他都是拉取你的源码  我还得copy的第十章的。 bootstrap也是用的3.0.1   确认没有错啊

回复有任何疑惑可以回复我~ 2017-12-11 10:13:14

点开查看后面6条评论

相似问题

老师您好这节课里您写的这些样式在assets目录下，但是我有个疑问，就是项目中在哪儿显式的引入这些样式文件了？

输入数据时会有下拉选项展示历史输入信息，这是怎么实现的？比如输入url时，下面有曾经的记录

老师我的项目在本机正常，部署之后微信小程序端500错误，但是可以获取到所有api数据,token也在缓存中正确显示

老师你的项目在电脑浏览器浏览功能是正常的，是可以正常访问所有界面并且组件功能有效但是手机端访问有bug

require('page/common/nav-simple/index.js')

登录后可查看更多问答，登录/注册

Spring Boot双版本(1.5/2.1) 打造企业级微信点餐系统

参与学习 6414 人
解答问题 5257 个

从0到1开发中小型企业级Java应用，并学会迭代重构技巧

了解课程

本课精华内容

问答

@Slf4j注解的话，IDEA能编译通过，但是会飘红

8.5k 10

我想下载虚拟机，课程目录？还是没找到，没发现公告的地方！

3.4k 4

关于微信支付账号借用和开放平台账号借用的一些流程

6.9k 9

我引入css正确但是在浏览器上却变成了下面这模样我去掉了其他信息下图只有nav

2.1k 32

支付完成后没有跳转到http://sell.com/#/order/1506657059576248441页面

4.2k 26

查看更多本课问答

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号