how2j.cn

用到的图片在右侧

相关下载
文件名 文件大小
img.rar 41k
answer.rar 42k

步骤 1 :

练习-综合练习1

练习-综合练习1


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2018-01-18 怎么才能随浏览器的大小进行自适应?
hehe哈哈
怎么才能随浏览器的大小进行自适应?








答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2017-12-25 关于边框模型的问题
bichu



见图,我看了您写的答案,那个左边的小兔子的div,id上没有css,class上只有一个向左浮动,图片的大小是38*38,那为什么浏览器显示内容是宽度是45呢?
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS阶段性练习1</title>
</head>

<style>
body{
    font-family:"宋体";
    font-size:13px;
    color:#666666;
    width:643px;
}
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
div.clearLeft{
	clear:left;
}
</style>

<body>
   <div class="topdiv">
	<img src="img/1.png">
	<span class="bold">最新动态</span>
	<span class="floatright" >设置</span>
	<img  class="floatright" src="img/2.png">
   </div>

  <div id="left" class="floatleft" style="margin-right:15px">
    <img src="img/4.png"/>
    <br>
    <br>
    <span>6551</span>
  </div>

  <div id="right" class="floatleft show1" >
    <div >
    	<span>热门回答,来自 机械</span>
    <a href="#">关注话题</a>
    <img src="img/3.png" class="floatright">
    </div>
    <a class="bold">人类史上令人叹为观止的极限精度制造成果有哪些?</a>
    <p class="text"><strong>Vincent Fu</strong>, Materials Science, PhD</p>
    <img class="floatleft" src="img/6.png"/>
    <div  class="floatleft text" style="line-height:170%;margin-left:15px;width:367px">
		说到精度,就不得不提在材料学中最重要的一个方面:表征。要项研究一种材料性能,握在手里把玩时远远不够的,就算你拿出放大镜离近了看,也只能看到表面的一些坑坑洼洼,而为了知晓一种材料的纤维结构,科学家至少要下到纳米级(放大千倍),如果要获得更深...
	<a href="">显示全部 </a>
	<br>
      &nbsp;
    </div>

    <div id="thirdDiv" >
		<img src="img/7.png">
		<span>关注问题</span>
		<img src="img/8.png">
		<span>867条评论</span>
	    <img src="img/9.png">
		<span>作者保留权利</span>
     </div>
  </div>
<div class="clearLeft" >
</div>
<div id="bottom" style="margin-top:20px;border-top-style:solid;border-top-width:1px;border-top-color:#ddd">
</div>


</body>
</html>

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2017-12-21 交作业。。 菜鸟一只 做了两个小时
2017-12-15 交作业啦
2017-12-15 交作业啦
2017-11-24 请老师检阅一哈
2017-11-24 不熟练花了3小时吧
2017-11-20 花了一小时写的 希望能让老师满意
2017-11-20 本菜鸟写的
2017-09-17 为什么右边的部分是靠 width:367px撑起来的?
2017-09-09 写了一个小时 请批改作业啊老师
2017-09-07 图片和文字不在同一水平
2017-08-21 改变了body的宽度为800px后,为什么只有第一个div改变宽度,其他的不变啊。
2017-08-10 插入img,img默认显示位置不贴着边
2017-08-04 写了一晚上,感觉写的很乱,div套div
2017-06-04 <div style="clear:left;"></div><br>加和不加的区别
2017-06-02 对span元素设置margin-right为什么没有效果?
2017-06-01 关于代码的问题
2017-06-01 line-height=170%是什么意思
2017-06-01 站长,你这个边距是用什么测的啊,还有颜色
2017-05-12 class的问题
2017-04-13 内联元素能直接设置margin和padding吗?
2017-03-19 端技术-CSS-综合性练习1 -练习-综合练习1 的提问
2016-06-02 关于阶段练习的答案




提问之前请登陆
关于 前端基础-CSS-综合性练习1 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 389538688
站长会在每个工作日早上尽量回答提问(如果有漏掉没有回答的,请进群提醒一下)
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
站长是玻璃心,提问的时候请语气温柔些 kiss~
截止2017-5-19日累计提问 1638个,站长回答了 1546个
截止2017-8-15日累计提问 2788个,站长回答了 2544个

上传截图