我对浮动效果的总结

浮动从何处开始:

如果一个浮动在两个块盒之间,它会将其上边界放置在前置块盒的下边界上,并且将其移动到左(或右边),直到达到外界容器元素的边界,通常是<body>元素。 水平浮动堆叠

如果居左的浮动被放置在其容器的左上脚,并且其后跟随一个同向的浮动,该浮动会被放置在容器右上脚,然后移动到左侧,边界延伸到第一个浮动的右侧时停止。

最后的一种行为让我们创建整行的floats,每个都被放置在前一个的右侧(或者左侧,如果使用{float:right;}). 同样,当一行中没有足够的空间时,多出来的floats绕到下一行,非常像行内元素那样。这对于制作可点击的图像“简略图”非常方便,因为矩阵会自动调整到屏幕的尺寸,只是简单地在需要时进行回绕。

以下是一行彩色的左向浮动:

左上方的浮动在源代码中先出现,右下方的最后。他们都有一个小的边距以便看起来更好一些。试一下将浏览器的尺寸变小一些,观察浮动行被回绕以使用窗口尺寸。

上述浮动会回绕以使用任何屏幕的尺寸。注意其下段落(不可见)的文本同样也调整以使用浮动排列的变化。该段落实际上从第一个浮动开始的地方开始,但是只有在段落文本可见的情况下,该事实才不明显。截图中的段落具有边框盒背景以便显示实际的位置。

如果浮动被设置为“右侧”而不是“左侧”,其行为完全相同,

知识浮动从右开始,而不是从左开始,后续的浮动被添加到左侧行尾而不是右侧。两种情况,回绕都是一样的,除非float的Bugs导致差异。

用这样的方式思考,一个容器中的浮动首先被移到它能够到达的最上方的空间(在其定位的方向),然后按设置的浮动反向移动直到到达容器的边界,或者遇到另一个浮动。每个连续的浮动都是同样处理,直到其中一个浮动在另一个浮动的level中无法发现足够宽的空间。这样,它会被强制停止到另一个浮动的底部,然后向之前那样进行滑行。

警告!注意上面的浮动的高度不是一样的。当一个浮动被放置到第二行紧接第一行时,它视图滑行到边界,当遇到第一高的浮动时会被停住。当有大量不规则浮动时,这会造成很丑陋的情况。上面的浮动中包含一些比其他高一些的浮动。

缩小你的浏览器以不同的屏幕宽度来测试。

在追着一个大型的简略图矩阵时,必须注意确保所有的浮动具有同样的高度,或者页面可以轻易地被出轨的浮动重新组装。

本文中的所有例子都使用了特殊的处理以适应IE5.x/win盒模式的缺点。由于边框和填充造成了必须特殊处理。

反向浮动:

以下开始讲述关于浮动的最晦涩、最难以理解的部分。

回顾一下跟随浮动后面的静态盒。这些盒只是忽略浮动,并且在前一个静态盒的后面排列显示。假设你给以下盒一个清除属性,

{clear:both;}。这是将被清除盒的顶部边距扩展,将其向下推直到清理浮动的底部。换句话说,该被清理的盒的顶部边距(无论它之前被设置成什么值),都会被浏览器增加到需要保证被清理盒位于浮动下回的长度。

这样的效果是,一个被清理的盒无法与前置浮动保持在同一个水平位置上。它必须出现在其下方。以下图例展示了效果。 展示一个盒如何清理下方的一个浮动:

记住,浮动实际上并不是真正地被包含在一个块盒中,即使在源代码中是怎样嵌套的。请注意确认,浮动的屏幕开始点是由它所嵌套的位置决定的,之后它只是在容器盒上展开,就像绝对元素一项。只有包含行内元素的行盒(例如文本),才需要关注浮动在哪里被显示。 制作一个看起来封装一个嵌套浮动的外容器的标准方法是在容器的最后放置一个完整“被清理”的元素:

由于div没有被浮动,容器必须识别它并封装它,并且由于顶部边距(由于“clear”属性由浏览器添加),该div将容器的底部边界拉到浮动框的底部。

的确,这是一个古怪的方法,但是标准就是这样说的。不过,W3C中有一个讨论关于添加一个容器自动封装一个浮动的规则。这样就于更加简单。

事实上,IE盒Opera7已经自动封装嵌套的浮动,与标准不一样。Opera6不是这样,因此看来Opera在跟随MS的非标准道路。

还可以使用 {clear:left;} 或 {clear:right;}. 这可以让一个元素清

除左侧浮动当不影响右侧浮动,或者相反。要使用这种控制你需要有相当的想像力。

通常来说,清除可以很好地完成,但是有时会引起不大不小的错误,这完全是由IE造成的。

 

第二篇:我对班级的总结

!!!!大一就这样差不多过去了,虽然时间过得很快,但是我还是学到了很多东

西

一、配合督促方面

1全力为班级服务,配合班主任和班长的工作

2在各项活动中配合班长和各相关干部的工作

3在班级成员和班主任之间起到沟通桥梁的作用

4在班级工作运作中出现的问题和情况及时向班主任和班长汇报

5督促各班干自律的同时尽职尽责为班级

二、思想方面

1配合班长、团支书稳定大局,不出现较大的思想波动

2了解各班干的工作状态和工作进度,帮助协同其完成任务

3积极同班长、团支书联系,关心班上同学的思想动态

三、纪律方面

1第一周制定和宣布班规,并从第二周起实行操行分制度

2与学习委员、纪检委员合作,严肃自习纪律、上课纪律,尽力确保无人旷课

3与班长合作,杜绝自由散漫的风气在班级中滋生蔓延

4严格请假制度,无书面请假条均视为未请假,课时请假由班长批准,自习请假

由纪检委员批准,学习委员处留底保存

四、学习方面

1与学习委员合作,提高班级学习气氛,特别是对英语科目的学习兴趣

2与团支书合作,在专业学习的基础上鼓励参加有意义的社会实践,提高专业技

3开学初期组织好补考工作,强调任何考试严禁作弊

4保证上课出勤率,监督同学完成作业,如有上课缺勤或未完成作业者,查明原

因,期末评分时酌情扣分。

5保证学习小组井然有序的进行,严格要求同学们遵守学习小组纪律,让学习小

组发挥实际作用。了解各同学选课情况,除与选课冲突外,不可缺席自习。如有

无故缺席自习者,查明原因,并在期末评分时酌情扣分。

6重点强调英语三,四级问题,要求同学们认真学习英语,认真面对英语过级问

题,争取一次过级。

7对于学习方面各问题,要求学习委员与班长共同负责,为班级营造出学习氛围,

让大家意识到学习的重要性。

五、文娱、宣传、体育方面

1配合文娱委员、体育委员的工作,认真完成院系的各项活动

2与宣传委员合作,提高班级黑板报质量,尽可能多拿奖

3鉴于班上同学的身体素质和专业要求,与体育委员联系。组织大家喜好的运动,

提高体质

六、劳动、卫生、生活方面

1强调教室卫生与劳卫委员合作,加强对寝室卫生的监督

2严格班费支出,由生活委员保存存折和部分现金,由副班长保存存折密码

3外出活动中强调自身卫生和环境卫生,做文明大学生

七、班级活动、建设

1适时组织班级的娱乐活动,让大家在轻松的气氛中进一步加深了解,增进感情。

2积极组织同学参加课外活动,以简单运动为主,主要目的在于让同学们养成良

好习惯,以最佳的精神状态投入大学的生活中。

3每学期组织班级同学春游一次,秋游一次,根据情况组织同学出去写生,采取自愿原则,但尽量保证全员出席。把外出安全工作作为重中之重,保证大家在安全的前提下玩的尽兴。

4鼓励班级同学积极、主动参加学校、学院组织的各项活动,让每一个人都有机会展示能力与才能,尽量避免班级在期末评分时有同学附加分一分不加的情况。认真对待班级工作,尤其是奖助学金分发等重点的问题。积极配合辅导员老师和班主任老师的工作,把班级建设成为合格的优秀班级。

5.发挥班级集体的温暖,向每一位需要帮助的班级成员伸出最无私的援助之手。计划与青年志愿队联系,参与一次大型的公益活动,如慰问老人院等。 6增强同学们的集体荣誉感、增强集体凝聚力。

7学生以学为本,力求班级整体成绩更上一层楼;同时丰富课余文化生活。 8在班委工作基础之上,树立班级形象、争创院级、校级先进优秀班级。

9实行班务公开。设立班务公开日(一月一次),是班级事务更加公开化、透明化,使班级里的同学人人都可以参与到集体事务中来。同时,广泛采纳同学们对班级事务的意见,集思广益,争取使班级工作更上一层楼。

10在已建立班级群的基础上,创建班级校友录或主页,在网络上展现班级的风采。班级校友录或主页也可以作为同学们心与心交流的无限空间,让大家更好地溶入到班级体这个大家庭中。还可以建设成为宣传班级形象的阵地,提高班级影响力,方便今后组织交流及活动通知,并有利于先进班级的评定。还要建立个人档案、个人简介,向来访者展示水政班每位同学的独特魅力。可能的话,还将成为日后用人单位认识本班同学的窗口。

11在工作方面,班长、团支书及副班长、副团支书既要分工明确又要相互配合,坚持每周开班委会,针对班内出现的新问题制定新的对策。班委会由班长或团支书主持召开,应积极准备,保证开会效率。另外,对于班会负责人要做好纪录,以便开展工作。

相关推荐