设置版权的问题

来源:3-17 企业网站制作之底部版权区制作

街角疯

2017-04-02 12:28

http://img.mukewang.com/58e07d720001cf3513110428.jpg

为啥我的红色盒子会自动在wrap那个盒子里?检查过红盒子代码中写的是一body为父元素的,但在f12中就在wrap中了,谁知道原因吗?

写回答 关注

2回答

  • 牧歌听风
    2017-04-02 19:35:01
    已采纳

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

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

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

    <link rel="stylesheet" href="css/main.css" type="text/css" charset="gb2312" />

    <script src="js/setHomeSetFav.js" type="text/ecmascript"></script>

    <script src="js/myfocus-2.0.1.min.js" type="text/ecmascript"></script>

    <script src="js/mf-pattern/mF_YSlider.js" type="text/ecmascript"></script>

    <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">

       myFocus.set({

    id:'picBox'

      })

    </script>

    </head>


    <body>

        <div class="top">

             <div class="top_content">

                  <ul>

                      <li><a href="#" onclick="setHome(window.location)">设为首页</a></li>

                      <li><a href="#" onclick="AddFavorite(window.location,document.title)" >点击收藏</a></li>

                      <li><a href="#" onclick="">加入我们</a></li>

                   </ul>

               </div>

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

       <div class="wrap">

             <div class="logo">

                  <div class="logo_left">

                         <img src="images/logo.jpg" alt="慕课网" />

                   </div>

                  <div class="logo_right">

                         <img src="images/tel.jpg" alt="服务热线"  />24小时服务热线:<span class="tel">11-11--11</span>

                  </div>

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

                <div class="nav">

                     <div class="nav_left"></div>

                     <div class="nav_mid">

                          <div class="nav_mid_left">

                              <ul>

                                  <li><a href="#">首页</a></li>

                                  <li><a href="list.html">关于慕课</a></li>

                                  <li><a href="list.html">新闻动态</a></li>

                                  <li><a href="list.html">课程中心</a></li>

                                  <li><a href="list.html">在线课程</a></li>

                                  <li><a href="list.html">人才招聘</a></li>

                              </ul>

                         </div>

                          <div class="nav_mid_right">

                              <form action="" method="post">

                                   <input type="text" class="search_text" />

                              </form>

                          </div>

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

                     <div class="nav_right"></div>

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

                <div class="ad" id="picBox">

                    <div class="loading"><img src="images/loading.gif" alt="图片正在加载中" /></div>

                    <div class="pic">

                             <ul>

                                <li><img src="images/ad2.jpg" /></li>

                                 <li><img src="images/ad3.jpg" /></li>

                                 <li><img src="images/ad4.jpg" /></li>

                             </ul>

                     </div>

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

                

                <div class="main">

                    <div class="news">

                        <div class="title">

                            <h2 class="title_left">新闻中心</h2><span class="title_right"><a href="news.html">More&gt;&gt;</a></span>

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

                        <div class="pic_news">

                            <img src="images/news.jpg" /><h2><a href="news.html">520慕女神喊你来表白!</a></h2><p>活动时间:5月20日--5月25日<br />获奖时间:5月26日<br /><a href="news.html">Learn  More&gt;&gt;</a></p>

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

                        <div class="news_list">

                            <ul>

                                <li><span>2014-06-01</span> <a href="news.html">【慕客访谈 用户篇】“有为屌丝”在路上</a></li>

                                <li><span>2014-06-01</span><a href="news.html">【有奖活动】给父亲的三行书信</a></li>

                                <li><span>2014-05-30</span><a href="news.html">《程序猿,请晒出你的童年》活动获奖公告</a></li>

                                <li><span>2014-05-28</span><a href="news.html" title="aa">【慕课访谈】破茧成蝶——美女程序员的蜕变史</a></li>

                           </ul>

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

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

                    <div class="course">

                        <div class="title">

                            <h2 class="title_left">课程中心</h2><span class="title_right"><a href="news.html">More&gt;&gt;</a></span>

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

                        <div class="course_pic">

                             <img src="images/css.jpg" /><h2><a href="news.html">css圆角进化论</a></h2>

                             <p>CSS圆角的实现,经历了三大发展阶段:背景图片方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性)。本案例详细讲解每一种的实现方式,并对实现的优缺点进行对比分析。</p>

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

                        <div class="course_type">

                            <ul>

                               <li>PHP开发</li>

                               <li>前端开发</li>

                               <li>JAVA开发</li>

                               <li>Android开发</li>

                            </ul>

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

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

                    <div class="sidebar">

                        <div class="wideo">

                             <div class="tilte"><h2 class="title_left">媒体聚焦<h2></div>

                             <div class="video_content"><embed src="http://player.youku.com/player.php/sid/XNjkzMDE5MTUy/v.swf" allowFullScreen="true" quality="high" width="220" height="140" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></div>

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

                         

                        <div class="siderbar_ad">

                            <img src="images/app.jpg" />

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

                    

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

                

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

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

        <div class="copyright">

            <div class="copyright_content">

                 <ul>

                     <li>关于

            <ul>

              <li>品牌故事</li>

              <li>联系我们</li>

              <li>加入我们</li>

              <li>版权声明</li>

            </ul>

          </li>

          <li>课程

            <ul>

              <li>PHP开发</li>

              <li>前端开发</li>

              <li>JAVA开发</li>

              <li>Android开发</li>

            </ul>

          </li>

          <li>关注

            <ul>

              <li>新浪微博</li>

              <li>腾讯微博</li>

              <li>企业微信</li>

              <li>QQ空间</li>

            </ul>

          </li>

          <li>留言

            <ul>

              <li>意见反馈</li>

              <li>问题留言</li>

              <li>媒体联络</li>

              <li>在线客服</li>

            </ul>

          </li>

                     <li><a href="#"><img src="images/weixin.png" />微信关注</a>

                         <ul>

                             <li><img src="images/qrcode.jpg" /></li>

                         </ul>

                     

                     

                     </li>

                 </ul>

            </div>

        </div>

    </body>

    </html>


    街角疯

    非常感谢!

    2017-04-03 10:56:54

    共 1 条回复 >

  • 我要坚持11
    2017-05-31 10:25:06

    这个解答是什么意思?我也跟楼主一样,楼主怎么解决的?球告知

企业网站综合布局实战

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

157038 学习 · 2157 问题

查看课程

相似问题