小慕医生:专家介绍板块遇到的问题

来源:4-13 小慕医生项目开发(8)

辅助快救我

2020-10-24 22:23:54

# 具体遇到的问题
设置这个exp-info ul li 的时候左浮动宽度四百之后就变成图1的样子了
# 报错信息的截图
http://img.mukewang.com/climg/5f94381409989ee718730819.jpg# 相关课http://img.mukewang.com/climg/5f94384c0984038b03040095.jpg程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<div class="exp-info">

          <h3>专家介绍</h3>

          <a href="" class="more">查看更多&gt;&gt;</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>



写回答

2回答

好帮手慕久久

2020-10-25

同学你好,老师将你提供的代码,放到源码中测试,样式是正常的,没有出现同学描述的问题。建议同学将自己的样式粘贴出来,以便老师定位问题,尽快为你解答疑惑。

祝学习愉快!

0

PlusSevenWang

2020-10-25

可以将li设置一个高度,例如190px。我一开始也出现了这个问题,原因应该是每个li的高度不一样,浮动时会挤占位置。

1

0 学习 · 15276 问题

查看课程