老师，我这个图片为什么上不去？
<!DOCTYPE html>
<html>
<head>
<title>yiyuan</title>
<link rel="stylesheet" type="text/css" href="../css/hp.css">
<link rel="stylesheet" type="text/css" href="../css/hp2.css">
</head>
<body>
<div id="top" class="top">
<div class="wrap">
<p class="call">010-114/116114电话预约</p>
<p class="welcome">欢迎来到城市挂号预约统一平台 请 <a href="#">登录</a> <a href="#">注册</a> <a href="#">帮助中心</a></p>
</div>
</div>
<div id="header" class="header">
<div class="wrap">
<a href="#" class="logo"><img src="../图片素材/logo.png"></a>
<div class="search"></div>
</div>
</div>
<div id="nav " class="nav">
<div class="wrap">
<a href="#" class="link">首页</a>
<a href="#" class="link">按医院挂号</a>
<a href="#" class="link">按科室挂号</a>
<a href="#" class="link">按疾病挂号</a>
<a href="#" class="link">最新公告</a>
<a href="#" class="link-right">社会知名医院</a>
</div>
</div>
<div class="banner" id="banner">
<div class="wrap">
<div class="jieshao">
<div class="beijing">
<span class="xiehe">北京协和医院</span>
<span class="yellow">关注医院</span>
</div>
<div class="dengji">
<span class="blue">等级:</span>
<span>三级甲等</span>
<span class="blue">区域:</span>
<span>东城区</span>
<span class="blue">分类:</span>
<span>中国医科院所属医院</span>
</div>
<div class="clear"></div>
</div>
<hr/>
<div class="banner-child1">
<a href="#"><img src="../图片素材/hospital-1.jpg"></a>
</div>
<div class="dongyuan">
<img src="../图片素材/icon-web.png">
</div>
<div class="dongcheng">
<span>[东院]北京市东城区帅府园一号 [西元]北京市西城区大木仓胡同41号</span>
<br>
<span>[东院]北京市东城区帅府园一号 [西元]北京市西城区大木仓胡同41号</span>
<br>
<span>[东院]北京市东城区帅府园一号 [西元]北京市西城区大木仓胡同41号</span>
<br>
<span>[东院]北京市东城区帅府园一号 [西元]北京市西城区大木仓胡同41号</span>
<br>
</div>
<div class="banner-child2"><a href="#"><img src="../图片素材/map-1.png"></a></div>
</div>
</div>
<div class="menu" id="menu">
<div class="wrap"></div>
</div>
<div class="content" id="content">
<div class="wrap">
<div class="yuyue"></div>
<div class="shijian"></div>
</div>
</div>
<div class="footer" id="footer">
</div>
</body>
</html>
body{
margin: 0;
padding: 0;
}
.wrap{
width: 1000px;
margin: 0 auto;
position: relative;
}
.top{
height: 40px;
background-color: #f5f5f5;
}
.header{
height: 92px;
}
.nav{
height: 36px;
background-color: #60bff2;
}
.banner .wrap{
background-color: #f7f7f7;
height: 300px;
}
.menu{
height: 36px;
margin-top: 30px;
margin-bottom: 30px;
}
.content{
height: 400px;
}
.footer{
height: 100px;
background-color: #eceef2 ;
}
.yuyue{
height: 400px;
width: 580px;
border: 0.4px solid gray;
float: left;
}
.shijian{
float: right;
height: 300px;
border: 1px solid gray;
width: 400px;
}
.banner{
margin-top: 40px;
.footer{
margin-top: 100px;
}
p{
margin:0;
padding: 0;
display: inline-block;
}
.top{
line-height: 40px;
font-size: 13px;
color: #868686;
}
a{
text-decoration: none;
color: #2da5e1;
}
.top .call{
float: left;
padding-left: 20px;
background:url(../图片素材/icon-call.png) no-repeat center left;
}
.top .welcome{
float: right;
}
.logo{
width: 402px;
height: 74px;
padding:9px 0;
display: inline-block;
}
.logo img{
width: 100%;
height: 100%;
}
.search{
width: 326px;
height: 38px;
position: absolute;
right: 0;
top: 29px;
background-color: orange;
}
.nav .link{
float: left;
display: inline-block;
margin-left: 40px;
color: white;
line-height: 36px;
}
.nav .link-right{
float: right;
line-height: 36px;
color: white;
}
.nav a:hover{
color: #d7f3ff;
}
.nav a{
font-size: 15px;
}
.jieshao{
padding:15px 18px 15px 18px;
}
.beijing{
float: left;
}
.dengji{
float: right;
}
.xiehe{
font-size: 20px;
}
.yellow{
color: orange;
}
.blue{
color: blue;
}
.clear{
clear: both;
}
hr{
margin-right: 15px;
margin-left: 15px;
}
.dongyuan img{
display: inline-block;
padding-left: 10px;
padding-top: 20px;
float: left;
}
.banner-child1{
float: left;
padding:10px 15px 0 15px;
}
.dongcheng{
padding-top: 15px;
}
.banner-child2{
float: right;
}
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星