how2j.cn

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

工具版本兼容问题
用到的图片在右侧



步骤 1 :

练习-综合练习1

edit
练习-综合练习1


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


问答区域    
2019-08-01 查看答案后有个地方很不解
qugengting
就是左边这里的图片,div包含两个元素: <div class="floatleft" style="margin-right:15px"> <img src="4.png" /> <br> <br> <span style="background-image:url(5.png); padding:5px">6551</span> </div> 我把两个br都去掉后,这个div居然就没有float:left的效果了,请问站长这是为什么?







回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2019-07-28 交作业
逆旅之人



太忙了,把布局做好了,字体、间距的这些细节没有调整。
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.left {
				float: left;
			}
			
			.right {
				float: right;
			}
			
			#div0 {
				width: 750px;
				margin: 20px auto;
			}
			
			#div1 {
				width: 50px;
			}
			
			#div2 {
				width: 700px;
			}
			
			body {
				align-content: center;
			}
		</style>
	</head>

	<body>

		<div id="div0">
			<div>
				<img src="img/1.png" />
				<span>最新动态</span>
				<div class="right">
					<img src="img/2.png" />设置
				</div>
			</div>
			<hr />

			<div>
				<div class="left" id="div1">
					<img src="img/4.png" />
					<div>6551</div>
				</div>

				<div class="right" id="div2">
					<div class="right">
						<img src="img/3.png" />
					</div>
					<div>热门回答,来自 机械 关注 话题</div>
					<div>人类史上令人叹为观止的极限精度制造成果有哪些?</div>
					<div>Vincent Fu, Materials Science, PhD</div>
					<div>
						<div class="left">
							<img src="img/6.png" />
						</div>
						<p>
							说到精度,就不得不提在材料学中最重要的一个方面:表征。要项研究一种材料性能,握在手里把玩时远远不够的,就算你拿出放大镜 离近了看,也只能看到表面的一些坑坑洼洼,而为了知晓一种材料的纤维结构,科学家至少要下到纳米级(放大千倍),如果要获得更深 ……显示全部
						</p>
					</div>
					<div>
						<img src="img/7.png" />关注问题
						<img src="img/8.png" />867条评论
						<img src="img/9.png" />作者保留权利
					</div>
				</div>
			</div>
		</div>

	</body>

</html>

							


2 个答案

weleness 答案时间:2019-08-22
答案

闷声发大财 答案时间:2019-07-30
答案



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2019-07-25 交作业
2019-07-23 ZZ交作业 CSS-综合性练习1
2019-07-23 ZZ交作业 CSS-综合性练习1
2019-07-23 ZZ交作业 CSS-综合性练习1
2019-07-22 。。。。
2019-07-15 综合练习1
2019-06-08 写作业
2019-06-04 交作业
2019-05-29 提交作业,有点粗糙,还是交了吧
2019-05-27 交作业
2019-05-27 交作业
2019-04-23 来交一次作业
2019-04-21 提问
2019-04-18 代码详解(自己看的)
2019-03-23 交作业
2019-03-14 第一次交作业,好紧张
2019-02-28 建的CSS写的 基本上全是用的相对定位布局 不知道怎么写将就把
2019-02-25 我知道知乎这个剑桥材料学博士。。。
2019-02-18 交作业啦
2019-01-24 大概也就这个意思 调着太麻烦 这也不对那也不对
2018-12-24 交作业
2018-12-13 作业
2018-12-04 交作业
2018-11-28 感觉CSS代码太乱了,而且取class名很头痛
2018-11-26 交作业!
2018-11-20 为什么和答案差不多,但是确实这样的结果?
2018-11-15 交作业
2018-11-14 交作业
2018-10-01 交作业
2018-09-19 第一次交作业
2018-09-03 交作业
2018-08-26 全用div硬撸出来的,看来我不适合搞前端
2018-08-25 id="left'什么意思?
2018-08-02 第一次交作业
2018-08-02 给各种div起名真的好烦
2018-07-17 感觉我写的有点多……几乎每个地方都用DIV套住了
2018-06-18 不知道写的怎么样,还可以如何简便些
2018-06-02 作业
2018-04-24 做的不好大家将就看看,哈哈
2018-04-12 终于做了个样子
2018-03-13 作业做的不对,求指点
2018-03-08 交作业
2018-02-24 交作业 写的好乱 全是DIV没事么...
2018-01-29 这个div怎么不在左边
2018-01-29 这个div怎么不在左边
2018-01-29 怎么嵌套两个div这个布局就不对了
2018-01-18 怎么才能随浏览器的大小进行自适应?
2017-12-25 关于边框模型的问题
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群交流: 1001964108
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: http://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图