overflow
Document
1、勇者愤怒，抽刃向更强者；怯者愤怒，却抽刃向更弱者。不可救药的民族中，一定有许多英雄，专向孩子们瞪眼。这些孱头们。
2、从来如此，便对吗？
3、小的时候，不把他当人，大了以后也做不了人。
4、时间就像海绵里的水，只要愿挤，总还是有的。
5、我好象是一只牛，吃的是草，挤出的是牛奶。
6、我们目下的当务之急是：一要生存，二要温饱，三要发展。
7、凡是总须研究，才会明白。
8、愿中国青年都摆脱冷气，只是向上走，不必听自暴自弃者的话。
9、中国一向就少有失败的英雄，少有韧性的反抗，少有敢单身鏖战的武人，少有敢抚哭叛徒的吊客；见胜兆则纷纷聚集，见败兆则纷纷逃亡。
10、哪里有天才，我是把别人喝咖啡的工夫都用在了工作上了。
11、倘只看书，便变成书橱。
12、其实地上本没有路，走的人多了，也便成了路。
13、横眉冷对千夫指，俯首甘为孺子牛。
14、愈艰难，就愈要做。改革，是向来没有一帆风顺的。
15、必须敢于正视，这才可望敢想敢说敢做敢当。
16、贪安稳就没有自由，要自由就要历些危险。只有这两条路。
17、无情未必真豪杰，怜子如何不丈夫。
文档流
Document
我是一个span我是一个span我是一个span
我是一个span我是一个span我是一个span
我是一个span我是一个span我是一个span
我是一个span我是一个span我是一个span
浮动
Document
浮动
Document
1、勇者愤怒，抽刃向更强者；怯者愤怒，却抽刃向更弱者。不可救药的民族中，一定有许多英雄，专向孩子们瞪眼。这些孱头们。
2、从来如此，便对吗？
3、小的时候，不把他当人，大了以后也做不了人。
4、时间就像海绵里的水，只要愿挤，总还是有的。
5、我好象是一只牛，吃的是草，挤出的是牛奶。
6、我们目下的当务之急是：一要生存，二要温饱，三要发展。
7、凡是总须研究，才会明白。
8、愿中国青年都摆脱冷气，只是向上走，不必听自暴自弃者的话。
9、中国一向就少有失败的英雄，少有韧性的反抗，少有敢单身鏖战的武人，少有敢抚哭叛徒的吊客；见胜兆则纷纷聚集，见败兆则纷纷逃亡。
浮动
Document
.box1{
width 100px;
height:100px;
backgroup-color:#bfa;
}
.s1{
float：left;
width:100px;
height:100px;
backgroup-color:yellow;
}
a
hellow
网页的简单布局
简单布局
高度塌陷
Document
高度塌陷
Document
导航条
导航条
清除浮动
Document
高度塌陷
Document
高度塌陷最接近完美的解决方案
Document
开班信息
开班信息
16年面授开班计划
近期开班
开班信息
16年面授开班计划
近期开班
使用margin定位
定位
相对定位
定位
我是一个span
绝对定位
绝对定位
我是一个span
[](https://imgchr.com/i/t6pdwd)
固定定位
固定定位
层级
固定定位
透明
固定定位
背景
Document
导航条
Document
背景
Document
背景
Document
中秋，没有月，没有了“月光笼罩万物”的静谧，没有了“小时不识月，呼作白玉盘”的童趣。似乎多了一种思绪，淅淅沥沥在飘洒的，是零碎的往日。
我念，我旧时的同窗!在这本该月圆的夜晚，在我眼前浮现的都是你们灿若星辰的笑容，你们真诚如水的目光。小学的校园里，我们笑过，哭过，奔跑过，嬉戏过，甚至大声地宣誓：“我们是一家人!”但在这没有月的中秋，我们的团圆只是一场迷离的梦。拿过竖笛，拂去灰尘，便不由自主地吹起一支明媚而忧伤的曲子，在偌大而寂静的夜空里浅浅回荡。又看到你们的笑容了，在那张毕业照上。我那昔日阳光、活泼的同伴呵，你们定格成了一张笑容灿烂的映像，我们之间的距离也永远地定格成了肩并肩、头靠头的亲密。同窗呵，你们此时是否在望着天空?是否在独酌着自己的心事?但愿风儿能将这首我们一起吹奏的最后一首曲子，轻轻送到你们的耳畔，让“虫儿飞”的美成为阴沉夜空的那轮明月。还记得吗，流水般的往事?还记得吗，晴天里玩耍的红彤彤的脸庞，雨天里凑在一起的小伞花，雪天里那个胖嘟嘟的小雪人?还记得吗，我们一起奋笔疾书的岁月，我们那声稚气的“永别了，母校”?……在即将分别的时候，甚至走出考场舒出一口长气时，我，你们，竟还没有理解离别是什么，或者说，我们不愿意去想此后的分道扬镳。时至今日，坐在初中的课堂上，不知哪位老师一语道破：“小学是回不去的!”我骇然抬头。是的，昨日已过，怎么会“昨日重现”呢?只能让它如丝丝缕缕的花絮，在这没有月的中秋，轻舞飞扬。
中秋，没有月，没有了“月光笼罩万物”的静谧，没有了“小时不识月，呼作白玉盘”的童趣。似乎多了一种思绪，淅淅沥沥在飘洒的，是零碎的往日。
我念，我旧时的同窗!在这本该月圆的夜晚，在我眼前浮现的都是你们灿若星辰的笑容，你们真诚如水的目光。小学的校园里，我们笑过，哭过，奔跑过，嬉戏过，甚至大声地宣誓：“我们是一家人!”但在这没有月的中秋，我们的团圆只是一场迷离的梦。拿过竖笛，拂去灰尘，便不由自主地吹起一支明媚而忧伤的曲子，在偌大而寂静的夜空里浅浅回荡。又看到你们的笑容了，在那张毕业照上。我那昔日阳光、活泼的同伴呵，你们定格成了一张笑容灿烂的映像，我们之间的距离也永远地定格成了肩并肩、头靠头的亲密。同窗呵，你们此时是否在望着天空?是否在独酌着自己的心事?但愿风儿能将这首我们一起吹奏的最后一首曲子，轻轻送到你们的耳畔，让“虫儿飞”的美成为阴沉夜空的那轮明月。还记得吗，流水般的往事?还记得吗，晴天里玩耍的红彤彤的脸庞，雨天里凑在一起的小伞花，雪天里那个胖嘟嘟的小雪人?还记得吗，我们一起奋笔疾书的岁月，我们那声稚气的“永别了，母校”?……在即将分别的时候，甚至走出考场舒出一口长气时，我，你们，竟还没有理解离别是什么，或者说，我们不愿意去想此后的分道扬镳。时至今日，坐在初中的课堂上，不知哪位老师一语道破：“小学是回不去的!”我骇然抬头。是的，昨日已过，怎么会“昨日重现”呢?只能让它如丝丝缕缕的花絮，在这没有月的中秋，轻舞飞扬。
中秋，没有月，没有了“月光笼罩万物”的静谧，没有了“小时不识月，呼作白玉盘”的童趣。似乎多了一种思绪，淅淅沥沥在飘洒的，是零碎的往日。
我念，我旧时的同窗!在这本该月圆的夜晚，在我眼前浮现的都是你们灿若星辰的笑容，你们真诚如水的目光。小学的校园里，我们笑过，哭过，奔跑过，嬉戏过，甚至大声地宣誓：“我们是一家人!”但在这没有月的中秋，我们的团圆只是一场迷离的梦。拿过竖笛，拂去灰尘，便不由自主地吹起一支明媚而忧伤的曲子，在偌大而寂静的夜空里浅浅回荡。又看到你们的笑容了，在那张毕业照上。我那昔日阳光、活泼的同伴呵，你们定格成了一张笑容灿烂的映像，我们之间的距离也永远地定格成了肩并肩、头靠头的亲密。同窗呵，你们此时是否在望着天空?是否在独酌着自己的心事?但愿风儿能将这首我们一起吹奏的最后一首曲子，轻轻送到你们的耳畔，让“虫儿飞”的美成为阴沉夜空的那轮明月。还记得吗，流水般的往事?还记得吗，晴天里玩耍的红彤彤的脸庞，雨天里凑在一起的小伞花，雪天里那个胖嘟嘟的小雪人?还记得吗，我们一起奋笔疾书的岁月，我们那声稚气的“永别了，母校”?……在即将分别的时候，甚至走出考场舒出一口长气时，我，你们，竟还没有理解离别是什么，或者说，我们不愿意去想此后的分道扬镳。时至今日，坐在初中的课堂上，不知哪位老师一语道破：“小学是回不去的!”我骇然抬头。是的，昨日已过，怎么会“昨日重现”呢?只能让它如丝丝缕缕的花絮，在这没有月的中秋，轻舞飞扬。
中秋，没有月，没有了“月光笼罩万物”的静谧，没有了“小时不识月，呼作白玉盘”的童趣。似乎多了一种思绪，淅淅沥沥在飘洒的，是零碎的往日。
我念，我旧时的同窗!在这本该月圆的夜晚，在我眼前浮现的都是你们灿若星辰的笑容，你们真诚如水的目光。小学的校园里，我们笑过，哭过，奔跑过，嬉戏过，甚至大声地宣誓：“我们是一家人!”但在这没有月的中秋，我们的团圆只是一场迷离的梦。拿过竖笛，拂去灰尘，便不由自主地吹起一支明媚而忧伤的曲子，在偌大而寂静的夜空里浅浅回荡。又看到你们的笑容了，在那张毕业照上。我那昔日阳光、活泼的同伴呵，你们定格成了一张笑容灿烂的映像，我们之间的距离也永远地定格成了肩并肩、头靠头的亲密。同窗呵，你们此时是否在望着天空?是否在独酌着自己的心事?但愿风儿能将这首我们一起吹奏的最后一首曲子，轻轻送到你们的耳畔，让“虫儿飞”的美成为阴沉夜空的那轮明月。还记得吗，流水般的往事?还记得吗，晴天里玩耍的红彤彤的脸庞，雨天里凑在一起的小伞花，雪天里那个胖嘟嘟的小雪人?还记得吗，我们一起奋笔疾书的岁月，我们那声稚气的“永别了，母校”?……在即将分别的时候，甚至走出考场舒出一口长气时，我，你们，竟还没有理解离别是什么，或者说，我们不愿意去想此后的分道扬镳。时至今日，坐在初中的课堂上，不知哪位老师一语道破：“小学是回不去的!”我骇然抬头。是的，昨日已过，怎么会“昨日重现”呢?只能让它如丝丝缕缕的花絮，在这没有月的中秋，轻舞飞扬。
中秋，没有月，没有了“月光笼罩万物”的静谧，没有了“小时不识月，呼作白玉盘”的童趣。似乎多了一种思绪，淅淅沥沥在飘洒的，是零碎的往日。
我念，我旧时的同窗!在这本该月圆的夜晚，在我眼前浮现的都是你们灿若星辰的笑容，你们真诚如水的目光。小学的校园里，我们笑过，哭过，奔跑过，嬉戏过，甚至大声地宣誓：“我们是一家人!”但在这没有月的中秋，我们的团圆只是一场迷离的梦。拿过竖笛，拂去灰尘，便不由自主地吹起一支明媚而忧伤的曲子，在偌大而寂静的夜空里浅浅回荡。又看到你们的笑容了，在那张毕业照上。我那昔日阳光、活泼的同伴呵，你们定格成了一张笑容灿烂的映像，我们之间的距离也永远地定格成了肩并肩、头靠头的亲密。同窗呵，你们此时是否在望着天空?是否在独酌着自己的心事?但愿风儿能将这首我们一起吹奏的最后一首曲子，轻轻送到你们的耳畔，让“虫儿飞”的美成为阴沉夜空的那轮明月。还记得吗，流水般的往事?还记得吗，晴天里玩耍的红彤彤的脸庞，雨天里凑在一起的小伞花，雪天里那个胖嘟嘟的小雪人?还记得吗，我们一起奋笔疾书的岁月，我们那声稚气的“永别了，母校”?……在即将分别的时候，甚至走出考场舒出一口长气时，我，你们，竟还没有理解离别是什么，或者说，我们不愿意去想此后的分道扬镳。时至今日，坐在初中的课堂上，不知哪位老师一语道破：“小学是回不去的!”我骇然抬头。是的，昨日已过，怎么会“昨日重现”呢?只能让它如丝丝缕缕的花絮，在这没有月的中秋，轻舞飞扬。
中秋，没有月，没有了“月光笼罩万物”的静谧，没有了“小时不识月，呼作白玉盘”的童趣。似乎多了一种思绪，淅淅沥沥在飘洒的，是零碎的往日。
我念，我旧时的同窗!在这本该月圆的夜晚，在我眼前浮现的都是你们灿若星辰的笑容，你们真诚如水的目光。小学的校园里，我们笑过，哭过，奔跑过，嬉戏过，甚至大声地宣誓：“我们是一家人!”但在这没有月的中秋，我们的团圆只是一场迷离的梦。拿过竖笛，拂去灰尘，便不由自主地吹起一支明媚而忧伤的曲子，在偌大而寂静的夜空里浅浅回荡。又看到你们的笑容了，在那张毕业照上。我那昔日阳光、活泼的同伴呵，你们定格成了一张笑容灿烂的映像，我们之间的距离也永远地定格成了肩并肩、头靠头的亲密。同窗呵，你们此时是否在望着天空?是否在独酌着自己的心事?但愿风儿能将这首我们一起吹奏的最后一首曲子，轻轻送到你们的耳畔，让“虫儿飞”的美成为阴沉夜空的那轮明月。还记得吗，流水般的往事?还记得吗，晴天里玩耍的红彤彤的脸庞，雨天里凑在一起的小伞花，雪天里那个胖嘟嘟的小雪人?还记得吗，我们一起奋笔疾书的岁月，我们那声稚气的“永别了，母校”?……在即将分别的时候，甚至走出考场舒出一口长气时，我，你们，竟还没有理解离别是什么，或者说，我们不愿意去想此后的分道扬镳。时至今日，坐在初中的课堂上，不知哪位老师一语道破：“小学是回不去的!”我骇然抬头。是的，昨日已过，怎么会“昨日重现”呢?只能让它如丝丝缕缕的花絮，在这没有月的中秋，轻舞飞扬。
小练习
Document
Document
Document
背景的简写属性
Document
表格
Document
A1
A2
A3
B1
B2
C1
C2
表格
Document
学号
姓名
性别
住址
1
孙悟空
男
花果山
2
猪八戒
男
高老庄
3
沙和尚
男
流沙河
4
唐僧
男
女儿国
表格的样式
Document
学号
姓名
性别
住址
1
孙悟空
男
花果山
2
猪八戒
男
高老庄
3
沙和尚
男
流沙河
4
唐僧
男
女儿国
1
孙悟空
男
花果山
2
猪八戒
男
高老庄
3
沙和尚
男
流沙河
4
唐僧
男
女儿国
长表格
Document
日期
收入
支出
合计
合计
10000
6.1
500
300
200
6.1
500
300
200
6.1
500
300
200
6.1
500
300
200
使用表格布局（不建议使用）
Document
clearfix完善
Document
clearfix最终的版本
Document
表单
Document
表单
Document
表单
Document
