综合练习~~
为什么在仨张照片并排的时候，最后一张照片没办法上去？？？？宽度改了还是没办法。还有就是新闻中心那几行怎么没有浮动起来呢？谢谢~~求大神看看帮我解决下~~~
3 回答
<!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://img1.sycdn.imooc.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://img1.sycdn.imooc.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://img1.sycdn.imooc.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://img1.sycdn.imooc.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://img1.sycdn.imooc.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>
举报
0/150
提交
取消
