老师，这里提示css里有一个错误，但是我不会找

* {

margin: 0;

padding: 0;

}

ul,

ol {

list-style: none;

}

a {

text-decoration: none;

}

/* 使用继承性，给body标签设置字体 */

body {

font: normal 14px/25px "微软雅黑";

}

/* 头部 */

/* header{

} */

header .header-top {

width: 1201px;

margin: 0 auto;

overflow: hidden;

}

header .header-top .logo {

padding-top: 39px;

width: 192px;

height: 63px;

float: left;

}

header .header-top .logo h1 {

width: 192px;

height: 63px;

color: #00978e;

}

header .header-top .tool {

float: right;

width: 266px;

height: 76px;

padding-top: 36px;

}

header .header-top .tool .r1 {

margin-bottom: 10px;

}

header .header-top .tool .r1 .tel {

width: 32px;

height: 25px;

}

header .header-top .tool .r1 .telnumber {

font-size: 20px;

color: #00978e;

display: inline-block;

width: 158px;

height: 26px;

/* 水平居中 */

text-align: center;

}

header .header-top .tool .r1 .icon {

width: 24px;

height: 24px;

}

header .header-top .tool .r1 .chinese_icon {

margin-right: 14.1px;

}

header .header-top .tool .r2 {

width: 264px;

height: 28px;

border: 1px solid rgba(202, 202, 202, 0.6);

border-radius: 4px;

}

header .header-top .tool .r2 input {

float: left;

width: 224px;

height: 28px;

/* 去掉搜索框的边框线 */

border: none;

/* 去掉鼠标点击时候的黑框子 */

outline: none;

padding-left: 20px;

}

header .header-top .tool .r2 button {

float: left;

width: 20px;

height: 28px;

border: none;

outline: none;

/* 背景去掉 */

background: none;

/* 设置触碰时候的鼠标指针样式 */

cursor: pointer;

/* 用相对位置微调定位 */

position: relative;

top: 2px;

right: 2px;

}

header .main-nav {

height: 60px;

/* 这里不要写宽度，因为不知道用户的屏幕有多大 */

background-color: #00978e;

margin-top: 29px;

}

header .main-nav ul {

width: 1200px;

height: 60px;

margin: 0 auto;

}

header .main-nav ul li {

float: left;

width: 150px;

height: 60px;

text-align: center;

line-height: 60px;

}

header .main-nav ul li a {

color: white;

display: inline-block;

width: 150px;

height: 60px;

}

header .main-nav ul li.cur {

background-color: #015e58;

}

header .main-nav ul li a:hover {

background-color: #015e58;

}

/* banner部分 */

.banner {

width: 100%;

height: 570px;

position: relative;

}

.banner .banner-img {

width: 100%;

height: 570px;

}

.banner .center {

position: absolute;

width: 1200px;

height: 300px;

/* background-color: orange; */

top: 50%;

left: 50%;

margin-top: -150px;

margin-left: -600px;

}

.banner .center .left-btn {

position: absolute;

width: 56px;

height: 64px;

background-color: rgba(0, 0, 0, 0.3);

top: 50%;

margin-top: -32px;

left: 0;

border-radius: 6px;

}

.banner .center .right-btn {

position: absolute;

width: 56px;

height: 64px;

background-color: rgba(0, 0, 0, 0.3);

top: 50%;

margin-top: -32px;

right: 0;

border-radius: 6px;

}

.banner .center h2 {

color: #015e58;

font-size: 60px;

font-weight: normal;

position: absolute;

top: 50%;

left: 148px;

margin-top: -79px;

}

.banner ol {

position: absolute;

width: 120px;

height: 12px;

bottom: 20px;

left: 50%;

margin-left: -60px;

}

.banner ol li {

float: left;

width: 20px;

height: 12px;

margin-right: 10px;

background-color: white;

border-radius: 4px;

}

.banner ol li.cur {

width: 30px;

height: 12px;

background-color: #00978e;

}

.banner ol li:last-child {

margin-right: 0;

}

/* 页面主要内容 */

/* 常用链接 */

.content {

padding-top: 71px;

}

.content h3{

border-left: 8px solid #00978e;

height: 20px;

padding-left: 10px;

/* 设置行高垂直居中 */

line-height: 20px;

}

.content .useful-links {

width: 906px;

height: 148px;

margin: 0 auto;

}

.content .useful-links ul {

overflow: hidden;

}

.content .useful-links ul li {

float: left;

width: 106px;

margin-right: 54px;

}

.content .useful-links ul li:last-child {

margin-right: 0px;

}

.content .useful-links ul li span {

/* 转块，不设置宽度，就相当于宽度为100%了, */

display: block;

/* 文字水平居中 */

text-align: center;

color: #000000;

font-family: Helvetica;

font-size: 20px;

line-height: 24px;

}

/* 医院动态公告 */

.content .news-and-notice {

width: 1201px;

height: 376px;

margin: 0 auto;

margin-top: 56px;

}

.content .news-and-notice .news {

float: left;

height: 376px;

width: 878px;

}

.content .news-and-notice .news h3 {

margin-bottom: 27px;

}

.content .news-and-notice .news .news-content .hot-news {

float: left;

width: 423px;

height: 328px;

margin-right: 20px;

position: relative;

}

.content .news-and-notice .news .news-content .hot-news .info{

position: absolute;

bottom: 0;

left: 0;

width: 100%;

height: 40px;

background-color: rgba(0,0,0,.3);

text-align: center;

line-height: 40px;

color: white;

}

.content .news-and-notice .news .news-content ul {

float: left;

width: 391px;

height: 328px;

}

.content .news-and-notice .news .news-content ul li{

line-height: 41px;

}

.content .news-and-notice .news .news-content ul li.spec a{

color: #00978E;

font-size: 14px;

}

.content .news-and-notice .news .news-content ul li a{

float: left;

color: #000000;

}

.content .news-and-notice .news .news-content ul li span{

float: right;

}

.content .news-and-notice .notice {

float: left;

height: 376px;

width: 323px;

}

.content .news-and-notice .notice h3 {

margin-bottom: 27px;

}

.content .news-and-notice .notice ol li{

/* 这里不清除浮动就会错乱*/

overflow: hidden;

margin-bottom: 14px;

}

.content .news-and-notice .notice ol li .number{

float: left;

width: 53px;

height: 57px;

background-color: #00978E;

margin-right: 16px;

font-size: 30px;

text-align: center;

line-height: 57px;

color: white;

}

.content .news-and-notice .notice ol li dl dt a{

color: #666;

}

.content .news-and-notice .notice ol li dl dd a{

color: #999;

}

/* 广告部分 */

/* 刚刚这部分没实现，是因为我html结构写错了！ */

.content .ad-images {

width: 1200px;

margin: 20px auto 28px; /* 这里不知道可以不可以这样写呢？ */

}

/* 科室介绍 */

.content .dep-info{

/* 宽度不写自动撑满 */

height: 437px;

background-color: #FAFAFA;

}

.content .dep-info .center{

width: 1200px;

margin: 0 auto;

/* 清除浮动可以让粉色的背景盖住，四列在版心上*/

overflow: hidden;

padding-top: 37px;

position: relative;

/* background-color: pink; */

}

.content .dep-info .center .more{

position: absolute;

right: 0;

top: 39px;

color: #999;

}

.content .dep-info .center .dep-content .col{

width: 270px;

float: left;

margin-left: 30px;

}

.content .dep-info .center .dep-content .col h4{

text-align: center;

margin-bottom: 14px;

margin-top: 18px;

position: relative;

}

.content .dep-info .center .dep-content .col h4::before{

content: "";

width: 40px;

height: 2px;

background-color: #00978E;

position: absolute;

left: 60px;

top: 12px;

}

.content .dep-info .center .dep-content .col h4::after{

content: "";

width: 40px;

height: 2px;

background-color: #00978E;

position: absolute;

left: 165px;

top: 12px;

}

.content .dep-info .center .dep-content .col ul li{

float: left;

width: 119px;

height: 34px;

border: 1px solid #CDCDCD;

text-align: center;

line-height: 34px;

margin-right: 21px;

margin-bottom: 25px;

border-radius: 4px;

}

.content .dep-info .center .dep-content .col ul li:nth-child(2n){

margin-right: 0;

}

.content .dep-info .center .dep-content .col ul li a{

color: #333;

display: block;

}

.content .dep-info .center .dep-content .col ul li.spec a{

color: #00978E;

font-weight: bold;

}

/* 专家介绍 */

.content .exp-info{

width: 1200px;

/* background-color: pink; */

margin: 0 auto;

position: relative;

padding-top: 60px;

}

.content .exp-info .more{

position: absolute;

right: 0;

top: 39px;

color: #999;

}

.content .exp-info ul{

overflow: hidden;

padding-top: 20px;

}

.content .exp-info ul li{

float: left;

width: 400px;

/* 这里不明白为什么去掉它就会错乱 */

height: 270px;

}

.content .exp-info ul li .picbox{

float: left;

width: 152px;

}

.content .exp-info ul li .picbox img{

width: 152px;

}

.content .exp-info ul li .wordbox{

float: left;

width: 230px;

padding-left: 10px;

color: #333;

line-height: 27px;

}

/* foot部分 */

footer{

/* 为什么这里不设置宽度呢 */

width: 100%;

height: 395px;

background-color: #FAFAFA;

}

footer .center{

width: 1200px;

height: 395px;

margin: 0 auto;

}

footer .center .friend-links h3{

font-size: 24px;

color: #333;

padding-top: 67px;

}

footer .center .friend-links{

overflow: hidden;

}

footer .center .friend-links ul{

padding-top: 20px;

}

footer .center .friend-links ul li{

float: left;

padding: 0 50px;

}

footer .center .friend-links ul li a{

font-size: 16px;

color: #333;

}

footer .center address{

/* 不要倾斜 */

font-style: normal;

margin-top: 30px;

}

footer .center address h3{

font-size: 24px;

color: #333;

padding-bottom: 20px;

}

footer .center address ul{

width: 700px;

margin-top: 18px;

}

footer .center address ul li{

float: left;

width: 233px;

margin-bottom: 20px;

}

footer .center address ul li a{

color: #000000;

}

<!DOCTYPE html>

<head>

</head>

<body>

</div>

</div>

</button>

</div>

<ul>

</ul>

</nav>

</header>

</div>

<ol>

</ol>

</section>

<ul>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

“全国首届健康预防与商业医疗保险论坛”在北京医院举办

</div>

</a>

</div>

<ul>

<li><a href="">年度医疗机构用血自查评分表和科室基本信息表</a><span>03-30</span></li>

<li><a href="">关于上报北京市医疗机构临床用血信息的通知</a><span>03-30</span></li>

<li><a href="">北京医院输血科通过验收并获批开展“临床基…</a><span>03-30</span></li>

<li class="spec"><a href="" >国家药品监督管理局关于修订都梁软胶囊非处…</a><span>03-30</span></li>

<li><a href="">关于将多拉司琼注射剂等药品纳入本市基本医…</a><span>03-30</span></li>

<li><a href="">关于调整完善本市基本医疗保险门诊特殊疾病…</a><span>03-30</span></li>

<li><a href="">广东省药学会：关于印发《超药品说明书用药…</a><span>03-30</span></li>

<li><a href="">人力资源社会保障部关于将36种药品纳入国家…</a><span>03-30</span></li>

</ul>

</div>

<ol>

<li>

<dl>

<dd><a href="">公郭立新主任特殊时期糖尿病人的新冠…</a></dd>

</dl>

</li>

<li>

<dl>

<dd><a href="">王少为主任新型冠状病毒防控指引十八…</a></dd>

</dl>

</li>

<li>

<dl>

<dt><a href="">《我要当医生》</a></dt>

<dd><a href="">谭玲副主任李同舟姚晨蕊药师</a></dd>

</dl>

</li>

<li>

<dl>

<dt><a href="">《全民健康学院》</a></dt>

<dd><a href="">王建业院长 “医”路有你健康同行</a></dd>

</dl>

</li>

<li>

<dl>

<dd><a href="">王建业院长莫把衰老当病治</a></dd>

</dl>

</li>

</ol>

</div>

</a>

</aside>

<ul>

<li><a href="">心血管内科</a></li>

<li><a href="">內分泌科二</a></li>

</ul>

</div>

<ul>

<li><a href="">肿瘤康复科</a></li>

<li><a href="">肿瘤综合科</a></li>

</ul>

</div>

<ul>

<li><a href="">心血管外科</a></li>

</ul>

</div>

<ul>

<li><a href="">儿童营养科</a></li>

</ul>

</div>

<ul>

<li>

</a>

</div>

<p>介绍：北京医院肿瘤内科科室主任，党支部书记，副教授，硕士研究生导师，中国老年肿瘤专业委员会肺癌分委会常务委员，北京医学……</p>

</div>

</li>

<li>

</a>

</div>

<p>介绍：北京医院肾内科主任，主任医师，硕士研究生导师。1989年毕业于华西医科大学临床医学院，后在北京医院内科、肾内科工作……</p>

</div>

</li>

<li>

</a>

</div>

<p>科室：风湿免疫科</p>

<p>介绍：教授主任医师研究生导师卫生部北京医院风湿免疫科主任北京大学医学部风湿免疫系副主任；海峡两岸医师交流协会风湿免疫……</p>

</div>

</li>

<li>

</a>

</div>

<p>科室：特需医疗部</p>

<p>介绍：北京医院特需医疗部（健康管理中心）/全科医疗部主任，老年与全科医学中心副主任，主任医师，医学硕士。北京大学医学部硕士……</p>

</div>

</li>

<li>

</a>

</div>

<p>介绍：北京医院神经内科主任，主任医师，北京大学医学部神经病学系副主任、教授。中国医师协会神经内科医师分会副会长兼帕金……</p>

</div>

</li>

<li>

</a>

</div>

<p>介绍：北京医院普通外科主任，胃肠外科主任，北京大学医学部硕士研究生导师，1985年毕业于白求恩医科大学，从事普外科临床工……</p>

</div>

</li>

</ul>

</div>

<ul>

</ul>

</div>

<ul>

<li>地址：北理工国防大厦111号</li>

<li>邮箱：kefu@imooc.com</li>

<li>网址:<a href="">http://imooc.com</a></li>

</ul>

</address>

</div>

</footer>

</body>

</html>

qq_慕仰20210716 2021-08-06

源自：边框与圆角 2-17 自由编程

收起

1回答

好帮手慕久久回答被采纳获得+3积分 2021-08-06 17:45:00

同学你好，可以开启如下设置，让vscode编辑器帮助我们排查css错误：

这个时候，编辑器右侧，可能会有红点，提示报错：

将如下符号注释掉即可：

当然，也不能完全指望编辑器提示，可以将代码一点点折叠起来；折叠的过程中，就能发现html结构是否正确，css样式是否存在多余的符号了。

祝学习愉快！

收起回答

相似问题

php错误提示怎么显示

为什么我写的所有php错误页面都不显示，而不是像老师页面那样显示各种错误

您不是不知道continue2 在哪里么？我给您找，顺便再问问几个奇怪的问题？

总是会有这样的报错，请老师解答下原因

老师,为什么我这里提示找不到 base.proto文件呢

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

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

了解课程

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

老师，这里提示css里有一个错误，但是我不会找

老师，这里提示css里有一个错误，但是我不会找

正在回答

请选择置顶位置