老师帮我康康问题出在哪里
# 具体遇到的问题
老师为什么下边的专家介绍也跟着居中了？
还有页脚怎么也跑上来了，我看教学视频里都没有这种现象啊
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
在这里输入代码，可通过选择【代码语言】突出显示
<div class="dep-info">
<div class="center">
<h3>科室介绍</h3>
<a href="#" class="mroe">查看更多>></a>
<div class="dep-content">
<div class="col">
<h4>内科</h4>
<ul>
<li><a href="">呼吸内科</a></li>
<li><a href="">消化内科</a></li>
<li><a href="">神经内科</a></li>
<li><a href="">心血管内科</a></li>
<li><a href="">肾内科</a></li>
<li><a href="">血液内科</a></li>
<li><a href="">免疫科</a></li>
<li><a href="">内分泌科</a></li>
</ul>
</div>
<div class="col">
<h4>肿瘤科</h4>
<ul>
<li><a href="">肿瘤内科</a></li>
<li><a href="">肿瘤外科</a></li>
<li><a href="">肿瘤妇科</a></li>
<li><a href="">骨肿瘤科</a></li>
<li><a href="">放疗科</a></li>
<li><a href="">肿瘤康复科</a></li>
<li><a href="">肿瘤综合科</a></li>
</ul>
</div>
<div class="col">
<h4>外科</h4>
<ul>
<li><a href="">普通外科</a></li>
<li><a href="">神经外科</a></li>
<li><a href="">心胸外科</a></li>
<li><a href="">泌尿外科</a></li>
<li><a href="">肝胆外科</a></li>
<li><a href="">肛肠外科</a></li>
<li><a href="">心血管外科</a></li>
<li><a href="">烧伤科</a></li>
<li><a href="">骨外科</a></li>
<li><a href="">乳腺外科</a></li>
</ul>
</div>
<div class="col">
<h4>儿科</h4>
<ul>
<li><a href="">儿科综合</a></li>
<li><a href="">小儿内科</a></li>
<li><a href="">小儿外科</a></li>
<li><a href="">新生儿科</a></li>
<li><a href="">儿童营养科</a></li>
<li><a href="">消化内科</a></li>
</ul>
</div>
</div>
<div>
</div>
<!-- 专家介绍 -->
<div class="exp-info">
<h3>专家介绍</h3>
<a href=""><p>查看更多</p></a>
<ul>
<li>
<div class="picbox">
<a href=""><img src="images/lilin.png" alt=""></a>
</div>
<div class="wordbox">
<p>姓名：李琳</p>
<p>科室：肿瘤内科</p>
<p>职称：主任医师</p>
<p>介绍：北京医院肿瘤内科科室主任，党支部书记，副教授，硕士研究生导师，中国老年肿瘤专业委员会肺癌分委会常务委员，北京医学……</p>
</div>
</li>
<li>
<div class="picbox"><a href=""><img src="images/maoxiaohui.png" alt=""></a></div>
<div class="wordbox">
<p>姓名：毛永辉</p>
<p>科室：肾脏内科</p>
<p>职称：主任医师</p>
<p>介绍：北京医院肾内科主任，主任医师，硕士研究生导师。1989年毕业于华西医科大学临床医学院，后在北京医院内科、肾内科工作……</p>
</div>
</li>
<li>
<div class="picbox"><a href=""><img src="images/huangcibo.png" alt=""></a></div>
<div class="wordbox">
<p>姓名：黄慈波</p>
<p>科室：风湿免疫科</p>
<p>职称：主任医师</p>
<p>介绍：教授主任医师研究生导师卫生部北京医院风湿免疫科主任，北京大学医学部风湿免疫系副主任；海峡两岸医师交流协会风湿免疫……</p>
</div>
</li>
<li>
<div class="picbox"><a href=""><img src="images/caosuyan.png" alt=""></a></div>
<div class="wordbox">
<p>姓名：曹素艳</p>
<p>科室：特需医疗部</p>
<p>职称：主任医师</p>
<p>介绍：北京医院特需医疗部（健康管理中心）/全科医疗部主任，老年与全科医学中心副主任，主任医师，医学硕士。北京大学医学部硕士……</p>
</div>
</li>
<li>
<div class="picbox"><a href=""><img src="images/chenhaibo.png" alt=""></a></div>
<div class="wordbox">
<p>姓名：陈海波</p>
<p>科室：神经内科</p>
<p>职称：主任医师</p>
<p>介绍：北京医院神经内科主任，主任医师，北京大学医学部神经病学系副主任、教授。中国医师协会神经内科医师分会副会长兼帕金……</p>
</div>
</li>
<li>
<div class="picbox"><a href=""><img src="images/jack.png" alt=""></a></div>
<div class="wordbox">
<p>姓名：Jack</p>
<p>科室：普通外科</p>
<p>职称：主任医师</p>
<p>介绍：北京医院普通外科主任，胃肠外科主任，北京大学医学部硕士研究生导师，1985年毕业于白求恩医科大学，从事普外科临床工……</p>
</div>
</li>
</ul>
</div>
</section>
<!-- 页面页脚 -->
<footer>
<!-- 友情链接 -->
<div class="friend-links">
<h3>友情链接</h3>
<ul>
<li><a href="">院长信稿</a></li>
<li><a href="">投诉信稿</a></li>
<li><a href="">在线调查</a></li>
<li><a href="">地理位置</a></li>
<li><a href="">网站地图</a></li>
<li><a href="">网站帮助</a></li>
<li><a href="">隐私声明</a></li>
</ul>
</div>
<!-- 联系方式 -->
<address>
<h3>小慕医生</h3>
<ul>
<li>地址：北理工国防大厦111号</li>
<li>电话：088-88888888</li>
<li>邮箱：kefu@imooc.com</li>
<li>邮编：666666</li>
<li>网址：<a href="">http://imooc.com</a></li>
<li>举报热线：088-88888888</li>
</ul>
</address>
</footer>
/* 科室介绍 */
.content .dep-info{
height: 400px;
background-color: #FAFAFA;
padding-top: 37px;
}
.content .dep-info .center{
width: 1200px;
height: 400px;
margin: 0 auto;
position: relative;
background-color: red;
}
.content .dep-info .center h3{
height: 21px;
margin-bottom: 20px;
}
.content .dep-info .center .mroe{
display: block;
position: absolute;
top: 0;
right: 0;
font-size: 14px;
color: #999999;
}
正在回答
同学你好，针对问题进行回复：
1、把 center居中后，下面的专家介绍也追上来了跟着居中了？
根据同学粘贴的代码来看，专家介绍这块是放在了类名叫center的父容器中，如下：
在css代码中给父容器设置了固定的宽度和margin：0 auto；所以导致了专家介绍这块的内容也跟着居中显示了。
2、把dep-info盒子清除浮动，下边的专家介绍盒子也跟着隐藏消失不见了？
同学是使用的overflow：hidden;来清除的浮动吗？overflow：hidden；不光有清除浮动的效果，它还有把超出的内容隐藏的效果。最外层的盒子dep-info的高度是400px，设置了overflow：hidden;之后，把超出400高度的内容全部隐藏了，所以内容显示不出来。
3、布局建议：可以把固定的高度去掉，在设置overflow：hidden；高度由内容撑起来，参考下图：
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星