设置版权的问题
为啥我的红色盒子会自动在wrap那个盒子里？检查过红盒子代码中写的是一body为父元素的，但在f12中就在wrap中了，谁知道原因吗？
街角疯
2017-04-02
2 回答
<!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>></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>></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>></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>
举报
0/150
提交
取消
