61阅读

整改作用及注意事项-详解CSS定位的应用及注意事项

发布时间:2017-11-09 所属栏目:建站

一 : 详解CSS定位的应用及注意事项

在讲解CSS定位前,首先要搞清楚以下几个属性的真正含义和区别,如下:

【  position:relative | absolute | static | fixed  】

A:相对定位(position: relative):如果对某一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直(或水平)位置(top,right,bottom,left四值),让这个元素"相对于"它的起点进行移动。注:设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留;

B:绝对定位(position: absolute):绝对定位使元素的位置与文档流无关,所以不会占用空间。与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。注:设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框;

C:固定定位(position: fixed):固定定位元素的位置总以视窗左上角定位;注:IE6不兼容此属性;

D:static :没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级;

【定位原理:在文本流中,所有元素的位置都受文本流的限制,但我们可以通过CSS样式去改变这些元素的位置(如:margin,float);其实真正意义上的位移是通过top,right,bottom,left来实现的】

A:position: relative: 被相对定位元素不会脱离文档流,它会参考自身静态位置的左上角,通过 top,right,bottom,left进行位置移动。注:相对定位层原有位置还会继续占用文档流;如下图:

红色区域被相对定位后,相对A点通过top:20px,left:15px进行位移,但相对定位层的原有位置还会继续保留;

B:position:absolute:被绝对定位元素会脱离文档流,且会选取自己最近的父级定位元素,通过 top,right,bottom,left进行位置移动。注:当父级position属性是static时,absolute位移定位置将以body的原点坐标进行计算;如下图:红色区域被绝对定位后,被定位层脱离文档流;如果A点层是 relative(或 absolute时,即红色区域的父级),被定位层会以A点坐标通过top:20px,left:15px进行位移;当父级没有定位时,文档以body的原点坐标通过top:20px,left:15px进行位移;

【定位的实际应用】

问题一:  

IE6本身不支持position: fixed属性,但可以通过hack的方法解决此问题,如下:

position: fixed;top: 0;left:0; /* 除ie6之外的浏览器执行此样式 */

_position:absolute:_top:expression(documentElement.scrollTop + 0 + "px"); /* 仅ie6执行此样式  */

问题二:

当绝对定位和相对定位配合使用时,在IE6下会产生一个奇偶BUG;当相对定位层的宽度值是奇数时,绝对定位层的位置是上右(或下右)时,在IE6下右侧会出现1像素的间隙;反之当相对定位层的高度是奇数时,绝对定位层的位置是左下(或右下)时,在IE6的下方会出现1像素的间隙;所以当采用定位时,相对定位层尽量避免使用奇数数值;如果必须使用奇数值,可以通过HACK方法给IE6单独书写数值(如left:0px;_left:-1px;);

上面所说定位原理都是单独的使用方法,而在实际应用中我们总会使用一些特别的形式;即希望元素具有绝对定位特性的同时,又希望绝对定位的坐标原点可随意固定在网页的某一点上,当这个相对点随意移动时,绝对定位层可以随之改变位置,也就是绝对定位层可以随着网页移动;如果想实现这种定位方式,必须在这个绝对定位层的父级设置相对定位值,那么绝对定位层就会以父级的坐标原点为坐标起始原点;此方法在网页制作中使用的比较广泛,如下:

1. 滚动图的左右按钮(index_zuo,index_you)样式是绝对定位,它的父级(rollBox)样式是相对定位;

2.头像层(pic)样式是绝对定位,它的父级(box)样式是相对定位;

诸如此类的实际应用还有很多,如下拉菜单,焦点图,轮播图和一些不规则的复杂结构都会用到此类定位方式;

由于市场的各类浏览器类型较多,对CSS定位的支持也略有不同,其中IE6的问题相对较多,需要根据不同情况进行不同的调试;

文章来源:搜狐媒体设计中心

注:相关网站建设技巧阅读请移步到建站教程频道。

二 : 肾康注射液的作用及其注意事项

在人的身体各个器官中,每个器官都是兼具着各自的功能,都是不可缺少的一部分,当你的某种器官受到伤害,使得其功能降低时,就会损伤自己的身体健康。在器官之中比较重要的就是肾了,肾的功能是强大的,是与身体的健康相联系的。当你的肾受到损伤时,就会让自己产生一系列的身体上的毛病。就比如你可能会经常性的恶心呕吐,或者是使得自己经常容易犯困、容易胀肚子,产生许多的不一样的毛病,让自己饱受痛苦。为了治疗肾方面的问题,人们就发明了许多的药、注射液,其中最为受欢迎的就是肾康注射液了。


肾康注射液,顾名思义就是治疗肾方面的毛病,重新使肾获得健康的注射液。在你的肾方面有毛病时,你就会想知道这种注射剂对肾功能的恢复是否具有明显的作用,那就让我在这里简单的介绍一下吧。首先,这种注射液具有活血排毒的功效,当你面临肾衰竭时,注射这种药剂就会是你自己的肾功能获得新生。同时,这种注射液还是能很好的解决一系列的并发(www.61k.com)症,使你恶心呕吐的感觉减少直至消失。而且,还可以使你的肾功能增强,不必再担心由于肾衰竭而产生的一系列的令人烦忧的症状。

了解了肾康注射液的作用后,你还需要知道这种注射液的注意事项。首先,必须注意饮食方面的要求,不要吃太多的含高蛋白的食物,尽量多食用含有高热量的食物,这样的话可以更好的恢复肾的功能。其次,当这种产品出现浑浊时,就一定不可以使用了。最后,注射人员必须注意,不能将这种注射液和其他的药物一起混合起来在一个容器里进行注射,必须分开注射。

三 : 处分决定范文及决定的写作注意事项

语文题目:某大学秘书系2006级学生张三,入学以来不认真学习,经常旷课,多次打架斗殴。[www.61k.com)今年12月5日,张喝醉酒回宿舍开门时,被同宿舍黄四同学不小心撞了一下,张即大打出手,将黄打成重伤。试根据上述材料,以学校名义拟一处分决定。?



关于给予张三同学记过处分的决定

张三,男,秘书系2006级××班学生(学号:xxxxxxxx),张三入学以来不认真学习,经常旷课,多次打架斗殴。12月5日,张三喝醉酒回宿舍开门时,被正要出门的同宿舍黄四同学不小心撞了一下,张三竟大打出手,将黄四打成重伤。
张三的行为严重触犯了校规。鉴于他本人在校方教育下仍不思悔改,态度恶劣。为严肃校纪校规,教育本人,根据《XX大学学生违纪处分暂行规定》第xx条的规定,经校学生处研究决定,给予张三同学记过处分。
张三同学身为在校大学生,不珍惜得之不易的求学机会,不注意个人品德的修养,不约束自己的行为,违反校规,情节严重。希望各位同学引以为鉴,遵守学院的各项规章制度,认真学习,团结同学,提高个人修养,做一个文明大学生,出色地完成大学学业任务。


XX大学

二〇一二年三月二十五
训练指导十:决定写法训练

一、试分析下文存在哪些问题,作出修改。
关于向李春芳同志学习的决定
各车间、班组,各党支部:
我厂装配车间职工李春芳在上月十五日的特大洪水灾害中,为抢救国家财产不幸身亡。厂党委和厂委员会决定在全厂开展向李春芳同志学习的活动。
一、学习李春芳同志公而忘私、奋勇保护国家财产的高尚品德,爱祖国爱人民,敢于牺牲的精神。
二、根据李春芳同志生前的表现和愿望,追记李春芳同志为中共党员。
三、在全厂广泛宣传李春芳同志的先进事迹,运用这一典型对全厂党员职工进行一次努力奉献、坚持改革、敢于进取的革命精神,以及勇于献身的革命英雄主义精神。宣传科和工会要把李春芳同志的事迹册子、墙报,广为发放。
四、各车间、班组、党支部要开展讨论,学习李春芳同志的优秀品质,开展比、学、赶、帮活动,争取生产上一个新台阶。
×× 厂党委
××厂委员会
××××年×月×日
二、实践训练目的
通过分析上述病文的错误并改写病文,掌握决定的正确写法。
三、实践训练思路
运用教材中决定的结构和写法、决定写

决定范文 处分决定范文及决定的写作注意事项

作的注意事项等知识,挑出上述病文的毛病,提出修改思路并作出修改。[www.61k.com)
四、实践训练方法
步骤一:任课教师组织同学们对病文进行讨论,分析病文的错误所在,教师再在此基础上进行讲评。
步骤二:教师与同学们共同讨论,确定修改病文的思路,再由同学们按修改思路作文,教师抽查作文进行讲评。
五、参考修改思路
1.背景、依据 + 文种承启语 + 决定事项 + 要求、号召
2.决定事项需考虑以下几点:
第一点:重点向李春芳学习什么。
第二点:要不要定一个月为“学习活动月” + 谁具体负责抓宣传、教育 + 安排学习时间 + 学习的做法。
第三点:通过学习,制定什么计划,开展什么活动促生产。
第四点:召开学习、总结大会,表彰学习成绩突出的车间、班组。
第五点:提出希望。
六、参考修改文稿:
关于开展学习李春芳同志活动的决定
各党支部,各车间、班组:
我厂装配车间青工李春芳在8月15日的特大洪水灾害中,为抢救国家财产不幸身亡。我厂失去了一位好职工,祖国失去了一位好女儿。为了以实际行动纪念李春芳同志,促进我厂“两个文明”的建设,厂党委、厂委会决定在全厂范围内开展学习李春芳同志的活动。现就有关开展学习活动的事项决定如下:
一、认真学习李春芳同志公而忘私、乐于奉献、奋勇保护国家财产的高尚品德,以及爱祖国爱人民、不怕牺牲的革命精神。
二、今年9月份为“学习李春芳同志活动月”。宣传科和工会,负责将李春芳同志的事迹编成小册子、墙报,广泛宣传。
三、各党支部、各车间、班组要结合实际开展学习活动。通过学习,各车间、班组需制定10月至12月的生产计划,开展比、学、赶、帮活动,促进生产上一个新台阶。
四、厂党委、厂委会将在适当时候召开学习李春芳同志总结大会,对在学习李春芳同志活动中涌现出来的先进集体和个人予以表彰。
厂党委、厂委会号召全厂党员、职工努力工作,创造更好的成绩,为改革开放事业作出更大的贡献。
×× 厂党委
××厂委员会
××××年×月×日

四 : 绝缘布的材料?绝缘布的材料及绝缘布的用途和操作注意事项?

绝缘布的材料?

绝缘布的及绝缘布的用途和操作注意事项?


聚四氟乙烯玻璃布覆铜箔板压层前的原材料,是用聚四氟乙烯分散液浸渍在无碱玻璃布上,经干燥、烘焙、烧结而制成的耐热绝缘以及低损耗微波介质材料,具有优良电气性能、不粘性及性能。广泛应用于电子、电机、航空、纺织、化学和食品工业等部门。在微波电路器件上可以作为多层印制之间的介质隔层。

本文标题:整改作用及注意事项-详解CSS定位的应用及注意事项
本文地址: http://www.61k.com/1074225.html

61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1