综合练习~~

来源:7-1 编程挑战

杨小宁

2015-08-26 14:50

为什么在仨张照片并排的时候,最后一张照片没办法上去????宽度改了还是没办法。还有就是新闻中心那几行怎么没有浮动起来呢?谢谢~~求大神看看帮我解决下~~~

写回答 关注

2回答

  • vanachang
    2015-08-26 17:32:32

    在html里加了一些style,你自己整理一下吧

    杨小宁

    嗯嗯,好的。我看看~~~~谢谢了。。

    2015-08-27 09:04:55

    共 1 条回复 >

  • vanachang
    2015-08-26 17:31:50

    <!DOCTYPE HTML>

    <html>

      <head>

        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

        <title>无标题文档</title>

        <link rel="style/sheet" href="main.css" type="text/css">

      </head>

      

      <body>

      <div class="wrap">

      <div class="title">

          <div class="title_left">

              <img src="http://img.mukewang.com/53edadad0001efe202000070.jpg" width=150px height="50px">

          </div><!--title_left结束-->

          <div class="title_right">

              <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><!--title_right结束-->

      </div><!--title结束-->

      <div class="main">

          <div class="main_up">

              <img class="pic" src="http://img.mukewang.com/53edad2c0001b61310000314.jpg">

          </div><!--main_up结束-->

          <div class="main_mid">

              <div class="main_mid_up">

                  <span><a href="#">滚动新闻</a></span>

                  <span><a href="#">这是滚动新闻</a></span>

              </div><!--main_mid_up结束-->

              <div class="main_mid_down" style="height:166px;">

                  <div class="main_mid_down_pic1" style="margin-right:0;">

                      <div class="pic1">

                          <img src="http://img.mukewang.com/53edad54000119fb03300130.jpg">

                      </div><!--pic1结束-->

                      <div class="text1">

                          <span><strong>玩转bootstrap</strong></span>

                      </div><!--text1结束-->

                  </div><!--main_mid_down_pic1结束-->

                  <div class="main_mid_down_pic2" style="float:left">

                      <div class="pic2">

                          <img src="http://img.mukewang.com/53edad690001260a03300130.jpg">

                      </div><!--pic2结束-->

                      <div class="text2">

                          <span><strong>企业网站实战</strong></span>

                      </div><!--text2结束-->

                  </div><!--main_mid_down_pic2结束-->

                  <div class="main_mid_down_pic3" style="float:left">

                      <div class="pic3">

                          <img src="http://img.mukewang.com/53edad7a0001cde803300130.jpg">

                      </div><!--pic3结束-->

                      <div class="text3">

                          <span><strong>JavaScript</strong></span>

                      </div><!--text3结束-->

                  </div><!--main_mid_down_pic3结束-->

              </div><!--main_mid_down结束-->

          </div><!--main_mid结束-->

          <div class="main_down">

              <div class="content1" style="float:left">

                  <h2 style="width:303px;">新闻中心</h2>

              </div><!--content1结束-->

              <div class="content2" style="float:left">

                  <h2 style="width:303px;">热门活动</h2>

              </div><!--content2结束-->

              <div class="content3" style="float:left">

                  <h2 style="width:303px;">加入我们</h2>

              </div><!--content3结束-->

              <div style="clear:both"></div>

          </div><!--main_down结束-->

      </div><!--main结束-->

      <div class="copyright">

         Copyright @ 2013 immoc.com All Rights Reserved 京ICP备 13046642号-2

      </div><!--copyright结束-->

      </div><!--wrap结束-->

      </body>

    </html>


企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题