由于平时不太用到，所以过去写的时候对于position属性的absolute、 relative值理解比较模糊，对于z-index的层叠更是摸不着头脑，除了理解的因素外，各个的不同解析结果也是一个大问题。今天仔细阅读了一下css文档，总算是对盒模型的浮动、定位有了比较深刻的理解。我们在实践中很有可能遇到这样的问题：1、做一个横向导航，然后经过之后出现下拉菜单，那么这个下拉菜单的位置控制就是一个关键；2、我们想在一个正常的页面布局中放入几个浮在页面上的气泡提示，这时既不想让气泡提示破坏正常的文档布局，又不想气泡提示的定位在不同的浏览器中到处乱飘。3、当我们在一句正常的文本中插入一个小图标的话，一般会使用&img /&标签，而这时它的垂直居中问题又是让人困惑，无论你使用html属性absmiddle、或是使用css属性vertical-align、抑或是使用父对象的heigh + line-height，在不同的浏览器中总会看起来不同。嗯，上面几个问题你是否也遇到过呢？如果你至今还没有一个很好的解决办法，不妨继续阅读此文，或许能对你有所帮助：）我们先看一下position属性的几个取值定义：position: static、absolute、relativestatic : 默认值。如果没有指定position属性，支持position属性的html对象都是默认为static，可以这么理解：把html页面看作一个文档流，源中各个标签的先后位置就是它们所对应的对象的呈现次序，所有取值为static的对象都按照你所编写的html标签的顺序依次呈现。如下图所示，这是一个常见的指定了float:的横向导航：relative: 相对定位。这个属性值保持对象所在文档流中的位置，也就是说它具有和static相同的呈现方式，它同样占有在文档流中的固定位置，后面的对象不会侵占或覆盖；与static属性值不同的是，设置了relative的对象，可以通过top, left, right, bottom属性设定自己的新显示位置，这4个属性的取值是相对于文档流的前一个对象的，你可以自由设置这4个属性偏移到新的位置而不对文档流中的其他对象产生任何影响，原来的页面呈现仍然会我行我素：absolute: 绝对定位。和relative不同的是，这个属性值会将当前对象拖出文档流，后面的对象会占有原来的位置，也就是说，当前对象的呈现是独立显示的，但是它的位置在指定top, left, right, bottom任一属性之前仍是有继承性的，这时的4个属性的取值是相对于浏览器的，和文档流无关了。如果把示例中的B区域设定为absolute而不指定 4个位置属性，通过设定margin来改变它的相对位置，用这个方法可以解决前面提到的问题2。提示a: 苏昱的css2.0手册中提到relative和absolute定位的滚动条区别不是绝对的，至少在、opera和safari中滚动条该出现还是会出现。提示b: 属性值为absolute对象的z-index属性可以设置层叠显示的次序，它是直接有效的；而属性值为relative对象的z-index属性在设置时要小心，把当前对象的z-index设置为-1是不行的，在firefox中它会无法显示，必须设置为0以上，我们如果想让别的对象挡住它，只有将其他对象也设置position为relative，并将z-index属性取一个比它大的值即可。上面的表述不知道也许不是很清晰，具体的理解还是要自己亲自动手操作一下。这样看来，前面的问题就有解了，问题3我们可以根据设计的要求将其设置为相对或绝对定位；问题1的解决方法也有很多，个人推荐使用有语义的dl, dt, dd来实现，而且这个方法在不同浏览器中的表现基本相同（已在ie, firefox, opera, safari中测试），仅在top的属性上有几像素的差异，由于时间关系我只能给出自己测试时的代码以供参考：body {color:#font-size:12}ul li {float:height:30background-color:#99CC99;margin:0 10padding:0;border:1px solid #c30;width:100}ul li div {border:1px solid #f00;background-color:#996666;width:100height:100position:margin-top:15margin-left:-1*margin-left:-79}ul li dl,ul li dl dt,ul li dl dd {margin:0;padding:0;}ul li dl dd {border:1px solid #f00;background-color:#996666;width:100height:100position:margin-top:11*margin-top:10margin-left:-1}&ul&&li&标题 - #text&div&下拉菜单 - div&/div&&/li&&li style=&position:&&列表b&/li&&li&列表c&/li&&li&&dl&&dt&标题 - dt&/dt&&dd&下拉菜单 - dd&/dd&&/dl&&/li&&/ul&
D6电脑网|电脑学习,电脑维修,电脑技术网;
设电脑学习,电脑入门,电脑技术,电脑教程,电脑维修,硬件知识,
网页设计建站,桌面壁纸,主题下载,WIN7下载,常用软件下载等栏目。感谢您的支持!
作者：佚名　来源：不详
上一篇：下一篇：
共有评论 0 条相关评论
发表我的评论
友情链接：
D6电脑学习网() & 2016 版权所有 All Rights Reserved.
本站为纯技术学习交流型网站,部分资源来源网络,仅供学习交流,版权归原作者,本站仅为转载,如有侵犯您的利益请联系我们删除.谢谢!
摆脱浅薄和低俗的最好办法就是学习,我们加油！D6PC!您当前的位置：&>&&>&
系统是否需重装，三条法则帮你忙： 　　如果系统出现以下三种情况之一，应该是你考虑重装系统的时候了： 　　1)系统运行效率变得低下，垃圾文件充斥硬盘且散乱分布又不便于集中清理和自动清理； 　　2)系统频繁出错，而故障又不便于准确定位和轻易解决； 　　3)系统不能启动。 　　重新安装系统前，最好先列备份单 　　在因系统崩溃或出现故障而准备重装系统前，首先应该想到的是备份好自己的数据。这时，一定要静下心来，仔细罗列一下硬盘中需要备份的资料，把它们一项一项地写在一张纸上，然后逐一对照进行备份。如果你的硬盘不能启动了，这时需要考虑用其他启动盘启动系统后，拷贝自己的数据，或将硬盘挂接到其他电脑上进行备份。为了避免出现硬盘数据不能恢复的灾难发生，最好在平时就养成每天备份重要数据的习惯。 　　用户文档是珍宝，首当其冲备份好 　　在需要备份的数据中，用户文档是首先要考虑备份的数据。如果你是编辑或作者，就需要首先备份自己的稿件；如果你是老师，需要首先备份自己的讲义；如果你是作曲家，则需要首先备份自己的曲目&&通常，用户的文档数据是放在&我的文档&文件夹中的。如果用户另外指定了存放的文件夹，则需要备份的是相应的文件夹。 　　上网老手变成瞎，只因忘备收藏夹 　　经常上网浏览的用户，一般都收藏有个人特色的地址列表。下次需要搜索同类内容时，打开&收藏夹&便可轻松到达目的地。重装系统时，如果忘记备份自己的收藏夹，安装的新系统对你来说几乎只有一个空的收藏夹，以前保留的好地址就会不翼而飞，你将会感到瞎眼一般。虽然你可能会说，我有Google等好的搜索引擎，但本来一步就可到位的工作人为地变得相对复杂多了，何苦呢？所以，重装系统前一定要备份好&收藏夹&。Windows 2000的收藏夹是系统分区下的文件夹，中间的用户名因人而异。 　　要保录入高速度，备份输入法词库 　　现在，录入汉字无非是采用笔型和拼音两大类输入法。而目前主流的笔型和拼音输入法都带有智能成分，也就是可以自动或半自动地记忆用户形成的个性化词库。个人用户在带有自己特色的词库环境下录入汉字，工作效率会大大提高。如果重装系统时忘记备份输入法用户词库，系统重装完毕后，输入工作中的个性词汇积累工作相当于从零开始。因此，别忘了备份输入法用户词库。用户词库一般在系统的或文件夹下，有的输入法本身就含有自己的词库备份接口，使用很方便。 　　邮箱、QQ备份好，八方联系断不了 　　电子邮件和QQ等聊天工具是我们现代人主要的联络工具。重装系统时，一定不要忘记备份自己的邮箱地址簿和QQ好友信息。邮件地址和QQ聊天好友的信息都可以用相应软件的导出功能进行备份。为避免系统崩溃后无法进行这些资料的备份，最好在平时就养成定时备份这些数据的习惯，将系统崩溃后这方面的损失降到最小。其实，FoxMail和QQ都是准绿色软件，你只需在平时压缩这两个软件的文件夹并保存起来备用即可。 　　驱动程序备份好，下次装机不用找 　　装机后的第一感觉应该是屏幕闪得让你眼睛难受，喇叭一点声音也没有。这是没有安装显卡和声卡驱动程序的缘故。如果你的系统中还有其他板卡或外设，还得重新安装其驱动程序。有些用户的这些驱动程序是拷贝在硬盘文件夹中的，没有安装盘。这时，你就需要特别留意，安装系统前一定要把自己的驱动程序备份出来。 　　原有目录先别删，请先准备安装盘 　　如果原来的系统下的文件还可以用诸如启动盘等进行访问，在决定重新安装操作系统并结束备份工作后，先不要急于删除或格式化你原有的系统，应该静下心来仔细想想原来的系统分区中还没有你需要保留的文件。再三考虑无误后，接下来的事就应该是准备你的安装光盘了。需要注意的是，你需要在系统BIOS中将光驱设置为第一启动盘。 　　软件说明或封套，那里备有序列号 　　安装序列号可是个关键的东西，如果你不小心丢掉自己的安装序列号，而又采用全新安装，安装过程将无法进行下去。正规的安装光盘的序列号应该在软件说明书或光盘封套的某个位置上。但是，如果你用的是某些软件合集光盘中提供的测试版系统，那么，这些序列号可能是存在于安装目录中的某个说明文本中，比如SN.TXT等文件。所以，首先要将序列号读出并记录下来以备稍后使用。 　　系统出错缺文件，覆盖安装试一遍 　　如果系统启动时提示你少某些文件，或者某些文件出了问题，这时，你先别急于格式化自己的硬盘，而应该首先尝试进行覆盖安装。覆盖安装的要点是，先进入安全模式或启动到DOS下，然后执行安装光盘上的SETUP.EXE或其他用来启动安装程序的文件。注意在安装过程中要选择将系统文件安装在与原来系统相同的目录中。经过这样的安装，一般的问题大多可以得到修复，更重要的是以前安装的一些应用软件还可以继续使用。 　　覆盖安装不奏效，删除安装新一套 　　如果按以上所提的覆盖安装方法没有能够解决你的问题，那么你可以在确认备份工作完成后，并且各类驱动程序都已经准备好的情况下，先用启动盘启动系统，而后用formAT命令格式化你的系统分区，随后执行安装盘上的SETUP.EXE或用来安装的可执行文件，进行全新安装就可以了。 　　倘若没有驱动盘，另起目录全新安 　　如果按以上所提的覆盖安装方法没有能够解决你的问题，而你又没有把握知道自己是否还有需要备份的东西，或者你不想格式化自己的分区，那么，你可以用另起目录的安装法。方法是，用启动盘启动后执行安装文件，把系统安装在与先前系统不同的目录下。这样，原来的驱动程序还在旧的系统目录中。如果你的驱动程序丢失，当系统发现新的硬件时，你可以按系统提示到原来的目录里找到硬件的驱动程序。当所有硬件驱动程序安装完毕后，你就可以放心删掉原来的系统目录了。 　　想要体验新震撼，升级安装需替换 　　如果你使用的是较低版本的操作系统，而你想体验同一软件公司刚刚推出的新一代操作系统，那么你可以用升级安装的办法实现你的想法。方法是直接在低级操作系统环境下运行高级操作系统的安装文件即可。操作系统一般说来都是向下兼容的，Windows 98下可以升级安装为Windows 2000或Windows XP，Windows 2000下可以升级安装为Windows XP。升级安装后原来的大部分程序还可以继续使用。 　　难舍旧情又求新，请君安装多系统 　　如果你不愿意丢掉原来的低级操作系统，同时又想体验一下新一代操作系统的魅力，那么，你可以安装双系统。方法是：在低级操作系统(如Windows 98)下，执行高级操作系统安装盘上的安装文件如SETUP.EXE，然后在安装过程中选择安装在新的目录而不是选择升级安装即可。这样，当安装结束并重新启动系统后，便会出现双系统菜单。多系统安装方法也是如此，只是最好遵守先低级、后高级的安装次序，否则会出现许多麻烦。 　　硬盘备份安装盘，再装系统更方便 　　为了消除安装时经常到处找安装盘的烦恼，我们可以将系统安装盘备份到自己的电脑中。具体方法是：在你的硬盘的数据备份区中创建文件夹如，将系统安装光盘中的所有文件拷贝到该文件夹中。需要重新安装时运行其中的SETUP.EXE或其他安装文件就可以了。 　　倘若系统未崩溃，部分恢复安装快 　　如果Windows 98系统没有完全崩溃，但有些系统错误通过磁盘扫描或纠错软件又无法修复，这时可以使用Windows 98的部分恢复安装程序。这个安装程序可以在Windows 98光盘的文件夹里找到。方法是：转入DOS状态，进入目录，运行PCRESTOR，安装程序将会启动。这种安装的速度和硬盘安装的速度差不多，它不会造成数据丢失。同时，重新设置硬件时，一般都会自动完成。 　　双启菜单故障难，只需2000安装盘 　　如果在安装了Windows 2000后又安装了Windows 98，系统双启动菜单丢失了。这时，可用如下办法解决。首先在BIOS中将启动顺序调整为CD-ROM引导优先，然后将Windows 2000安装盘放入光驱。等自动加载完安装程序后，系统会问你是重新安装还是修复，不用管它，直接退出。最后到CMOS中把启动顺序再改为硬盘启动优先，这样再次开机后就会出现选择菜单了。 　　不用2000系统盘，照样修复双启单 　　假如Windows 98安装在C盘，Windows 2000安装在D盘，E盘是用户数据区。我们可以事先将启动分区根目录下的BOOT.INI、NTLDR、、BOOTSECT.DOS、IO.SYS、MSDOS.SYS、BOOTFONT.BIN等七个文件备份到我们的E分区。在我们重新安装系统不当而使双启动系统菜单发生混乱时，可以将这七个文件拷贝到启动分区下覆盖一下，就可解决问题了。 　　克隆备份好手段，系统工具一并攒 　　也许你会觉得每次重装系统最麻烦的不是重装系统本身，而是寻找和安装各类应用软件和实用小工具。这时，一个非常经典的软件Norton Ghost可以解决你的问题。当你安装完系统和一些工具软件后，只要用Ghost软件的备份分区功能将刚才装好的系统连同工具打包成一个文件。当需要恢复时，先用启动盘启动DOS，然后用Ghost把这个文件包快速恢复到原来的分区中即可。网吧安装多台相同的电脑多用此法，电脑老手们也惯用此法。 　　软件是否需重装，亲手一试定雌黄 　　在另起目录安装系统，而没有删除原来的文件夹下的应用程序的情况下，哪些程序不需要重新安装就可直接使用？这个问题其实只需要动手一试便知。在重新安装系统后，运行一下原来程序目录下的可执行文件，不出现错误提示的一般不需要重装，你就可以把它当成一个绿色软件看待，下次也不用重装。不能运行的或提示缺少文件的肯定是要重装的，这些就不能被列为绿色软件了。
竭诚为您服务！关于网页制作定位的问题_百度知道
关于网页制作定位的问题
在ie7以及其他非ie内核浏览器中显示正常我对一段文字用了position：relative给他定位，请问如何解决，但是在ie6中位置不对
为您推荐：
您可能关注的推广
网页制作的相关知识
其他2条回答
W3C//&#47.org/TR/xhtml1/DTD/xhtml1-&gt.dtd&
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁您的位置:>>> 文章内容
思缘教程网赞助联系方式
测试网页表单的交互设计 ---
作为网页表单交互设计，有时候网页设计师本身要进行一些极端的测试，这就包括填写和思考一些普通用户很难想去做的一些动作。比如在价格输入框中填写英文字母，什么都不输入的时候按提交按钮等等。
一般作为测试者，我们都要尽可能的把一切可能发生的用户行为考虑到，即便这种可能性出现的概率很低。
以下我们来具体分析啊下网页表单的交互设计中的极限测试以及对淘宝等网站进行观察，看看这些大网站对于表单交互测试做到了什么程度！
1. 你会在search bar什么都不输入的情况下就按search button吗？
2. 明知道这个输入框应该不支持字母，也不应该超过最大页码，还输入这样的数值吗？
3. 在价格区间里输入字母，比如a？
一般人都不会，设计师例外。设计师得考虑到种种极端的情况，以及在每种情况下如何让系统响应，于是他就成了最无理取闹的用户。设计师如果不考虑这种很mini也很没价值的细节，万一某天遇到一些无理取闹的客户，一试试出了问题，他会在某某blog上，写哈哈，这个很牛的网站原来会犯这种错误&&我承认，这种行为一般还是所谓的设计师干得出来。
Anyway，今天，终于完成了项目的设计说明文档后，心怀对某些校验细节的纠结，我也无理取闹了一把，&骚扰&了众多网站，尝试了各种极端情况，也发现了有些貌似体验良好的网站的尴尬与措手不及。但是说真的，who cares？毕竟真实的用户不会这么做。
今天不玩大的，就玩简单的页码和价格区域的极端情况。
1. 在价格区间里输入字母&&淘宝即时自动清除，压根就不让你填写，比较强的是，即时我无理取闹到粘贴1A1这样的字符串，淘宝也即时将中间的A过滤掉。
2. 在页码输入框里输入字母&&点击确定后,页面刷新，页码还是定位到页码1，同时，输入框里也清除掉字母。
有趣的是，即时我当前已经在其他页面，如第99页，在输入框里输入字母后，页面刷新，还是给我定位到第一页。
3. 再无理取闹一些，我在输入框里输入了200，超出最大页码，页面刷新后，淘宝仍给我定位到页码1.&&貌似逻辑是输入不合规范要求的字符，统统刷新后回归页码1.
我的评价：第一种情况，方案尚可，避免出错，也不会弹出提示。第二种情况：定位到页码1就傻了，为什么不能停留在我当前的页码上。至于第三种情况，我倾向于定位到最后一页。
1. 在价格输入框里输入字母&&点击go，出现提示，恩，看起来有点费劲。
2. 在页码里输入字母&&go左点右点点来点去没任何反应，eaby是在说：你无理取闹，我干脆不理你，看你怎么办？
3. 在页码输入框里输入超过最大页码的数字&&点击go后页面刷新，定位到最后一页。ebay是在说：不好意思，我们顶多就这么多。
我的评价：第一种情况，还是比较的出错提示的。第二种情况，我以为系统卡住了，等了半天。第三种情况，ebay做得还不错。
三，阿里巴巴国际站
目前没有价格区间，只有骚扰页码了。
1. 如图所示，输入字母后点击go出现警示框&&而且还是感叹号。唉，一本正经的严肃的阿里巴巴。
2. 在输入框里输入超过最大页码的数字&&页面刷新后，回归到第一页。
我的评价：一本正经的提示，过火了。第二种情况，页码对溢出数值的反应和淘宝一样，需要改进。这点，定位到尾页是不是更符合用户原始需求？
四，Google
&google没跳转到第几页的功能，就拿图一中的zip输入框尝试情况1.
1. 输入字母&&点击go后，页面刷新，除了将刚才的字母清除，任何变化也没有。
2. 在价格区域输入框中输入字母，点击go后，页面刷新，清除了刚才所填的字母，还是任何变化也没有！！
看来google的策略就是：你无理取闹，我也无理取闹，你拍个巴掌回来我就拍个巴掌回去，你不理解我的响应？那你到底在期待什么结果？
也顺便骚扰了一下中国的有道购物和拍拍两个网站，发现方案跳不出以上的几种。但是，还是有些细节上的差异，比如，在有道的价格输入框中，先是输入正确的数值（如1-100）后，更换为字母，页面像google一样照常刷新，但是会回归到上一次的状态（1-100）.
google在同样的情形下，却回归到初始状态。
映射到现实生活中的案例：
骚扰到这里，头脑里突然闪现出一幅画面，如果你有一天，很无聊，去无理取闹一下（傻子也可以啊，傻子就不能是叫做无理取闹了），去一个西瓜店，对着店主说：老板，请给我一个足球。
老板可能出现的反应和我的反应：
A. 装作没听到,没有任何反应，再喊一声，还是没反应。
&&他聋了吗？还是压根没注意到我？eaby就是这样干的。
B. 吼一声：你有病呀？没看到牌子上写着西瓜！
&&我好害怕呀，这个老板心情不好吧？阿里巴巴就是这样干的。
C. 直接给你一个西瓜。再问，还是给你一个西瓜。
&&先是莫名其妙，然后，哦，原来这是西瓜店。google是这样干的。
D. 问你：啥？你再说一遍？我又说：给我来一个足球，老板还问：来个啥？你再说一遍？
&&哦，好吧，我服了你，我还是要西瓜吧。淘宝是这样干的。
总结一下：面对&极端并微小的错误&时，各个网站的反应：
值得说明的是，具体设计时，肯定要&具体情况具体对待&，比如淘宝的自动纠错，固然不错，但是也只适用于字符单一限定的情况，比如价格区域不可能出现字母，所以可以即时清空。而google shopping中的zip,states那个输入框，同时存在多种字符，就不能够自动纠错（需要整体语义判断），就好象一个顾客说&老板，我要一个足球&&一样的西瓜&，得等用户说完。
不弹出警示框，也不破坏页面结构，大家不妨帮google想想这个地方的校验，除了自主响应，还有没有别的方案？
但是，也许是我想多了，也许设计师压根就没想那么多，也许只是某个人某时就顺便做成这样了，所以大家不要当真啊。
& 下一篇：
评论内容：(不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规。