网页设计中常见的浏览器下的bug汇总
前端设计的个常见错误及如何避免
前端设计的个常见错误及如何避免前端设计是网页开发中至关重要的环节，而在设计过程中常常会出现一些常见错误。
本文将介绍几个常见的前端设计错误，并提供相应的解决方法，以帮助开发者提高设计质量。
一、页面加载速度过慢页面加载速度是用户体验的重要指标，如果加载速度过慢，可能导致用户流失。
造成页面加载速度过慢的原因有很多，比如过多的网络请求、未经优化的图片等。
为了避免这个错误，我们可以采取以下措施：1. 减少网络请求：合并CSS和JavaScript文件，减少请求次数。
使用CSS Sprites技术将多个小图片合并成一张大图，减少图片请求次数。
2. 图片优化：使用适当的图片格式，如JPEG、PNG等，并调整图片压缩比例以减少文件大小。
3. 使用CDN加速：将静态资源存储在全球各地的CDN节点，以提高资源加载速度。
二、不兼容的设计在不同的浏览器和设备上，网页可能会出现兼容性问题，导致页面显示效果不一致甚至无法正常运行。
为了避免这个错误，我们可以采取以下措施：1. 浏览器兼容性测试：在设计完成后，进行多个主流浏览器和设备的兼容性测试，确保页面在不同环境下的显示效果和功能正常。
2. 使用媒体查询：使用响应式设计，根据不同设备的屏幕大小和分辨率，调整页面布局和样式，以适应不同的设备。
三、不合理的导航设计导航是网站的核心组成部分，一个良好的导航设计能够提高用户的浏览效率和体验。
常见的导航设计错误包括：1. 导航过于复杂：过多的导航选项和层次深度会让用户感到困惑，降低用户体验。
应该简化导航结构，减少选项数量，并避免过多的层级。
2. 导航位置不明显：导航应该放在页面的显眼位置，用户能够一目了然地找到导航入口。
3. 导航样式不一致：导航链接在不同状态下的样式应该一致，以提供一个良好的用户导航体验。
为了避免这些错误，我们可以采取以下方法：1. 设计简洁明了的导航结构，减少选项数量和层级。
2. 将导航放在页面的顶部或侧边栏，确保用户能够方便地找到。
前端开发中的Web安全漏洞常见问题解析
前端开发中的Web安全漏洞常见问题解析随着技术的进步和互联网的普及，Web开发已成为当今社会的重要组成部分。
然而，正因为Web开发如此重要，安全问题也成为了不容忽视的关键问题。
在前端开发中，Web安全漏洞是常见的问题之一。
1. 跨站脚本攻击（XSS）跨站脚本攻击是指恶意攻击者通过在Web页面注入恶意脚本，来获取用户的敏感信息或者劫持用户账号。
常见的XSS攻击手段包括利用用户输入未经过滤的内容、注入攻击代码，并将它们当作正常脚本执行。
为了防止XSS攻击，前端开发人员应该对用户输入的内容进行严格的过滤和转义，确保在输出到页面时不对用户输入的内容进行解析。
2. 跨站请求伪造（CSRF）跨站请求伪造是指攻击者利用受害者的登录状态，以受害者的身份发送恶意请求。
这种攻击方式通常利用了Web应用程序对被请求网址的验证不严谨，使得攻击者能够在受害者不知情的情况下执行一些操作，如发表评论、转账等。
为了防范CSRF攻击，开发人员应该在关键操作中使用验证码或者加入安全令牌，并在请求中验证它们的合法性。
3. 敏感信息泄露在前端开发中，一些敏感信息如数据库账号密码、API密钥等可能暴露在公共的代码中。
这种泄露会导致攻击者获得这些敏感信息，从而进一步进行系统攻击。
为了避免敏感信息泄露，开发人员应该避免在代码中明文存储这些敏感信息，可以使用配置文件或者环境变量等方式进行安全存储。
4. 不安全的数据传输在前端开发中，数据的传输往往需要通过网络进行。
如果数据传输过程中没有经过加密处理，那么攻击者就有可能窃取到传输的信息。
为了保障数据的安全传输，开发人员应该采用HTTPS协议传输敏感数据，并确保使用合适的加密算法和证书。
5. 命令注入攻击命令注入是指攻击者通过在用户输入数据中注入恶意代码，从而在服务器端执行任意命令。
这种攻击往往利用了未对用户输入进行过滤检查的漏洞。
为了防止命令注入攻击，开发人员应该在处理用户输入之前，对其进行严格的过滤、验证和转义。
网站设计中的常见错误与解决方法
网站设计中的常见错误与解决方法随着互联网的发展，网站已经成为了企业展示品牌和获得客户的重要方式，网站的设计也成为了一个企业能否在互联网上取得成功的关键。
但是，在网站设计的过程中，往往会出现一些常见的错误，这些错误可能会影响到网站的使用和展示效果，甚至对企业形象产生影响。
本文将介绍一些网站设计中常见的错误及其解决方法，希望能给广大网站设计师们提供参考。
一、网站加载速度慢网站的加载速度是影响用户体验的关键因素之一，如果网站加载速度过慢，不仅会让用户感到不耐烦，还可能会导致用户关闭网页。
网站加载速度过慢的原因可能有很多，比如服务器不稳定、网站代码冗余等，解决方法如下：1、优化代码：对网站代码进行优化，去掉冗余代码，尽量减少网站的代码量，这样可以提高网站的加载速度。
2、使用体积小的图片：对于需要展示图片的网站，要使用体积小而质量好的图片，避免使用过大的图片，这样可以减少网站的加载时间。
3、用缓存技术：使用缓存技术可以减少请求次数，从而提高网站的加载速度。
可以使用浏览器缓存和服务器缓存两种方式。
二、网站排版杂乱网站的排版是影响用户体验的另一个因素，如果网站的排版杂乱，用户很难找到需要的信息，也会影响整个网站的美观度。
以下是解决方法：1、确定网站主题：在设计网站时，要确定网站主题，并将主题和网站布局结合起来，确保网站的各个部分都与主题相符。
2、分块设计：将网站内容分块，并将所属的区域进行明确的标识，可以让用户更容易找到他们需要的信息。
3、设计简洁、大气的图标：在网站设计中，图标是必不可少的，它可以帮助用户更快地识别网站中的内容，并提高网页的美观度。
三、网站无响应式设计随着智能手机和平板电脑的普及，越来越多的用户使用移动设备浏览网站，如果网站没有响应式设计，将无法适应不同设备的屏幕大小，影响网站的使用效果。
以下是解决方法：1、响应式网站设计：响应式网站设计是一种开发技术，它可以使网站根据访问者使用的设备自动调整布局。
网页设计常见错误及解决办法
网页设计常见错误及解决办法网页设计常见错误及解决办法大部分设计师不可避免的会接触到移动UI设计以外的内容，那就是网页设计。
那网页设计里有哪些套路捏?咱们往下看。
1、色彩种类运用过多为了让自己的网站表现得热情而有吸引力，很多朋友非常极端地向其中加入大量色彩鲜艳的文字与边框，而这些颜色的运用与图片内容并不协调。
这显然有损访客对核心内容的关注。
解决办法最好的办法是使用最多三种主色调与素雅的背景。
如果大家决定选择纹理背景，请确保其具体取色不会像霓虹灯般锐利刺眼。
2、字体大小存在问题这类问题往往存在多种表现形式，包括字体不足12号使得用户无法看清甚至点不到后退按钮。
解决办法要解决这些难题，最重要的是理解客户需要——年纪超过40岁的群体往往更喜欢大字体。
年纪更大的使用者甚至只能看得清14号以上的字体。
主题文本还应被拆分成更易于管理的区块，但却又不能破坏其连贯性。
保证信息的易读性与快速获取性是我们的核心设计原则之一。
当需要提供大量文本内容时，可以考虑将其划分成多个不同页面以简化内容管理。
3、过度使用GIF、动画与音效在某些情况下，GIF动画非常有趣;动画能够让访问者获得更好的使用体验;音效可能也有助于提升感受。
但这些都只是点缀，切记不可画蛇添足。
GIF动画过多会造成一种庸俗而幼稚的氛围，而大家对于音效以及音乐的取向也有所不同。
有时，我们精心设计，却难以实现效果。
解决办法千万别让费尽心力添加的动画与音效成了刺眼又刺耳的垃圾元素。
使用GIF动画最好能免则免，企业的官方网站绝对不要使用。
4、超大的导航菜单大型的`导航菜单，对于包含大量不同子页面的网站而言，似乎是一个很好的解决方案，然而实际情况并非如此。
我们常见的网站设计错误就是在边栏及子菜单中塞进长长的清单，超大的导航菜单对于绝大多数的普通用户而言，看起来更像是迷宫。
这看似满足了全部用户的需求，实则会分散用户注意力，并让用户觉得不那么爽。
如果导航、侧栏与底栏无法协同工作，那么网站内容再好也将没有意义。
网页设计中的常见错误与改进方法
网页设计中的常见错误与改进方法近年来，随着互联网的普及，越来越多的人开始使用网络进行信息获取和交流。
在这个过程中，网页设计显得尤为重要。
一个精美、易用、符合人性化原则的网页设计能帮助企业树立良好品牌形象，吸引更多目标用户，提高用户体验，为用户提供高品质服务，带来长久的商业价值。
然而，在网页设计中常常会出现一些常见错误，影响网站的使用体验。
本文将探讨这些错误的原因和改进方法，以期帮助专业人士在网站设计工作中做出更好的决策。
一、设计风格的“工具化”设计风格是网站设计中的一项重要内容，可以为用户呈现更为直观清晰的信息，提供更为美观的视觉效果。
然而，在某些情况下，设计师会将设计风格过度“工具化”，导致网站在视觉效果上与其他网站相似度过高，无法给用户留下深刻印象，失去网站的个性。
解决这个问题的方法是在设计上注重网站的个性化，提高用户体验。
设计风格上可以考虑采用独特的配色方案，或是利用空间布局、图像与文字等元素的组合来增强网站的个性。
此外，用户体验上也应该注重网站的优化，例如给用户提供更加快捷的搜索工具、简化网站的操作流程等。
二、过分注重装饰在网页设计中，有时设计师会过分注重装饰性而忽视网站的功能性，以至于网站在使用上产生了很多问题，例如操作流程不清晰、字体过多、网页尺寸占用过大等。
这些问题都会导致网站的使用体验降低，用户难以顺利地完成目标操作。
针对这个问题，在设计中应该重视网站的功能性而不是纯粹的装饰性。
设计师应该避免使用过多的字体，保持网页的简洁化；优先考虑页面的排版和尺寸，让屏幕的内容更加清晰明了。
根据网站的内容和目标用户需求，合理搭配色彩和针对性的形状，在装饰中体现网站主题。
三、缺少规范性和统一性很多网站在视觉风格和工具布局上缺乏统一性，页面各个功能组件之间明显不协调，导致用户混淆、操作困难等问题。
这样的网站会严重影响用户的使用体验，使用户对网站产生疑虑，失去对网站的信任感。
解决这个问题的方法是在设计前注重规范性和统一性的考虑，注意整个网站设计的一致性和连贯性，使每个组件之间协调一致。
bug总结
bug总结Bug总结在软件开发过程中，经常会遇到各种各样的错误和问题，这些错误和问题被统称为“bug”。
解决这些bug是开发人员的重要任务之一。
在过去的几个月里，我积累了一些bug总结，现在我想将这些bug总结分享给大家。
一、界面显示问题1. 文字显示错位：在开发过程中，有时候会遇到文字错位的问题。
这可能是由于界面设计不合理导致的，也可能是代码逻辑有误。
解决这个bug的方法是仔细检查代码和界面设计，确保元素的位置和大小正确。
2. 图片无法加载：当某个图片无法正确加载时，用户可能会看到一个空白的方块或者一个红色的叉叉。
这可能是由于图片路径错误、网络问题或者图片格式有误导致的。
解决这个问题的方法是检查图片路径和格式，确保网络连接正常。
二、功能问题1. 上传文件失败：在某个功能中，用户可以上传文件，但是有时候会出现上传失败的情况。
这可能是由于文件大小超出限制、文件类型不正确或者服务器问题导致的。
解决这个bug的方法是增加文件大小和类型的限制，并检查服务器配置。
2. 用户登录错误：用户在登录时会输入账号和密码，但是有时候会遇到登录错误的问题。
这可能是由于数据库中账号和密码不匹配、密码加密算法有误或者登录接口的逻辑出错导致的。
解决这个问题的方法是检查数据库中的账号和密码、确认加密算法的正确性，并仔细检查登录接口的代码。
三、性能问题1. 系统崩溃：系统在运行一段时间后可能会发生崩溃。
这可能是由于内存泄漏、循环引用、线程阻塞或者资源耗尽导致的。
解决这个问题的方法是使用合理的内存管理、检查循环引用的问题、优化线程逻辑，以及增加对资源的释放。
2. 响应时间过长：用户在使用系统时可能会遇到响应时间过长的问题，这会影响用户体验。
这可能是由于数据库查询慢、算法复杂度高或者网络传输过程中的延迟导致的。
解决这个问题的方法是优化数据库查询语句、简化算法逻辑，并检查网络连接是否正常。
四、兼容性问题1. 在某些浏览器上显示异常：不同的浏览器对网页的解析有差异，可能会导致页面显示异常。
网页设计中的6个错误
三佳专注--网页设计培训、平面设计培训、网站建设
网页设计中的6个错误
网页设计是个重要环节，关系到网站的优化模板，会影响到web开发，很多可能会忽视这个环节，今天跟三佳深圳网页培训小编一起来了解下网页设计中的6个错误。
总结：网页设计中的六大错误
1.失败的搜索方式
过度文字的搜索引擎会降低网站可用性，因为搜索不能处理拼写错误，复数形式各个问题。
要是你的搜索引擎在列表顶部调出“常见问题”之类，会提高网站访问速度，避免高度搜索。
2.在线阅读的PDF文件
用户厌烦在浏览时遇到PDF文件，这会浪费客户的流量。
就算是打印或和保存文档等简单的操作也很厌烦，因为标准的浏览器不能骑作用。
最主要一点是，PDF是一种搜索直接跳转到相应内容的文件，让人很是反感。
记录网站浏览记录
现在很多用户都喜欢保存喜欢的东西，所以设计网站要优先考虑为客户保存浏览记录，方便客户下次打开。
4.确定字体大小
CSS样式能使网站禁用Web浏览器的“更改字体大小”并指定固定的字体大小。
尊重用户的喜好，让他们依据需要调整文本大小，以相对术语调整字体大小。
5.减少广告或可以关闭广告
现在很多网站为了最大化，在网站每个地方都大量投入广告投放，这样会影响客户的浏览，因此尽量少投入广告，要是有广告也不能影响客户的正常浏览。
6.完善在线反馈功能
这是每个网站必要的功能，因为大多数网站都不能把用户反馈问题显示出来，要是把客户常见问题直接开发，这样可以减少成本还可以更好的了解可以的需求。
以上内容就是小编关于网页设计中遇到的6个问题的解说，如果大家还有其他问题可以在线咨询。
前端Web开发中的常见错误与解决方法
前端Web开发中的常见错误与解决方法在当今互联网时代，Web应用的开发越来越重要，而前端Web 开发则成为了其中一个不可或缺的环节。
然而，前端Web开发中难免会出现各种各样的错误，这些错误不仅会影响我们的工作效率，还可能导致我们的Web应用无法正常运行，严重影响用户的体验。
因此，本文将介绍前端Web开发中常见的错误及其解决方法。
1. JavaScript错误JavaScript是前端开发中最重要的语言之一，也是最容易出错的语言之一。
在开发Web应用时，我们经常遇到这样的问题：点击按钮没有反应、页面无法加载等等。
通常这种问题背后都是JavaScript错误。
解决这些错误的方法非常简单，我们只需要使用Chrome或Firefox等浏览器自带的开发工具，选择"开发者模式"，然后在控制台查找错误信息即可。
2. CSS错误在前端开发中，CSS是用来布局和美化页面的，但CSS的语法很容易出错，特别是当我们使用复杂的样式或动画时，就更容易出现错误。
解决CSS错误的方法是使用一个CSS预处理器，如LESS或Sass。
这些预处理器可以帮助我们编写更清晰、更简洁的CSS代码，同时也可以减少错误发生的几率。
3. 跨域问题跨域问题是前端Web开发中的一个非常棘手的问题。
跨域指的是在一个网页中的JavaScript脚本试图去访问另一个网站中加载的资源。
浏览器出于安全考虑，禁止这种行为，所以访问会被阻止。
解决跨域问题的方法是使用JSONP或CORS。
JSONP是一种利用script标签实现跨域访问的技术，CORS则是服务器端设置的一种机制，允许跨域访问。
4. 页面速度问题当我们浏览网页时，最让人烦恼的就是页面加载速度太慢了。
如果你的Web应用页面加载速度过慢，那么你的用户体验就会变得非常糟糕。
解决这个问题的方法有很多，其中一种有效的方法是使用gzip压缩。
gzip是一种压缩文件的方式，可以减小文件的大小，并加快页面加载速度。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计中常见的浏览器下的bug汇总IE6中双边距Bug：发生场合：当给父元素内第一个浮动元素设置margin-left（元素float:left）或margin-right（元素float:right）时margin加倍。
解决方法：是给浮动元素加上display:inline;CSS属性；或者用padding-left代替margin-left。
原理分析：块级对象默认的display属性值是block，当设置了浮动的同时，还设置了它的外边距就会出现这种情况。
也许你会问：“为什么之后的对象和第一个对象之间就不存在双倍边距的Bug”？因为浮动都有其相对应的对象，只有相对于其父对象的浮动对象才会出现这样的问题。
第一个对象是相对父对象的，而之后对象是相对第一个对象的，所以之后对象在设置后不会出现问题。
为什么display:inline可以解决这个双边距bug，首先是inline元素或inline-block 元素是不存在双边距问题的。
然后，float:left等浮动属性可以让inline元素haslayout，会让inline元素表现得跟inline-block元素的特性一样，支持高宽，垂直margin和padding等，所以div class的所有样式可以用在这个display inline的元素上。
IE6中浮动元素3px间隔Bug：发生场合：发生在一个元素浮动，然后一个不浮动的元素自然上浮与之靠近会出现的3px的bug。
解决方法：右边元素也一起浮动；或者为右边元素添加IE6 Hack _margin-left:-3px;从而消除3px间距。
原理分析：IE6浏览器缺陷Bug。
IE6/7负margin隐藏Bug：发生场合：当给一个有hasLayout的父元素内的非hasLayout元素设置负margin时，超出父元素部分不可见。
解决方法：去掉父元素的hasLayout；或者赋hasLayout给子元素,并添加position:relative;原理分析：IE6/7独有的hasLayout产生问题。
IE6/7下margin与absolute元素重叠bug：发生场合：双栏自适应布局中，左侧元素absolute绝对定位，右侧的margin 撑开距离定位。
在IE6/7下左侧应用了absolute属性的块级元素与右边的自适应的文字内容重叠。
解决方法：把左侧块级元素更改为内联元素，比如把div更换为span。
原理分析：这是由于IE6/IE7浏览器将inline水平标签元素和block水平的标签元素没有加以区分一视同仁渲染了。
属于IE6/7浏览器渲染Bug。
IE6/7/8下auto margin居中bug：发生场合：给block元素设置margin auto无法居中解决方法：出现这种bug的原因通常是没有Doctype，然后触发了ie的quirks mode，加上Doctype声明就可以了。
在《打败IE的葵花宝典》里给出的方法是给block元素添加一个width能够解决，但根据本人亲测，加with此种方法是无效的，如果没有Doctype即使给元素添加width也无法让block元素居中。
原理分析：缺少Doctype声明。
IE8下input[button | submit] 设置margin:auto无法居中发生场合：ie8下，如果给像button这样的标签（如button input[type="button"] input[type="submit"]）设置{ display: block; margin:0 auto; }如果不设置宽度的话无法居中。
解决方法：可以给为input加上宽度原理分析：IE8浏览器Bug。
IE8百分比padding垂直margin bug：发生场合：当父元素设置了百分比的padding，子元素有垂直的margin的时候，就好像父元素被设置了margin一样。
解决方法：给父元素加一个overflow:hidden/auto。
原理分析：IE8浏览器Bug。
IE bug汇总1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明<!doctype html>2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）解决方法：display:inline3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面与下面，怎么分？IE6就会与其它的不同，所以，尽量避免。
1）字体大小为奇数之边框高度少1px解决方法：字体大小设置为偶数或line-height为偶数2）line-height，文本垂直居中差1px解决方法：padding-top代替line-height居中，或line-height加1或减13）与父标签的宽度的奇偶不同的居中造成1px的偏离解决方法：如果父标签是奇数宽度，则子标签也用奇数宽度;如果是父标签偶数宽度，则子标签也用偶数宽度4、内部盒模型超出父级时，父级被撑大解决方法：父标签使用overflow:hidden5、line-height默认行高bug解决方法：line-height设值6、行标签之间会有一小段空白解决方法：float或结构并排(可读性差，不建议)7、标签高度无法小于19px解决方法：overflow: hidden;8、左浮元素margin-bottom失效解决方法：显示设置高度 or 父标签设置_padding-bottom代替子标签的margin-bottom or 再放个标签让父标签浮动，子标签margin- bottom，即(margin-bottom与float不同时作用于一个标签)9、img于块元素中，底边多出空白解决方法：父级设置overflow: hidden; 或 img { display: block; } 或_margin: -5px;10、li之间会有间距解决方法：float: left;11、块元素中有文字及右浮动的行元素，行元素换行解决方法：将行元素置于块元素内的文字前12、position下的left，bottom错位解决方法：为父级(relative层)设置宽高或添加*zoom:113、子级中有设置position，则父级overflow失效解决方法：为父级设置position:relative以下是补充：上面要先看1、终极方法：条件注释<!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。
<![endif]--> <!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。
<![endif]--> <!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本（不包含IE6）。
<![endif]--><!--[if IE 5.5]> 这段文字仅显示在 IE5.5。
<![endif]--><!--在 IE6及IE6以下版本中加载css--><!--[if lte IE 6]> <link type="text/css" rel="stylesheet" href="css/ie6.css" mce_href="css/ie6.css" /><![endif]--> 缺点是在IE浏览器下可能会增加额外的HTTP请求数。
2、CSS选择器区分IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。
代码如下:/* IE6 专用 */.content {color:red;}/* 其他浏览器 */div>p .content {color:blue;} -->3、PNG半透明图片的问题虽然可以通过JS等方式解决，但依然存在载入速度等问题，所以，这个在设计上能避免还是尽量避免为好。
以达到网站最大优化。
4、IE6下的圆角IE6不支持CSS3的圆角属性，性价比最高的解决方法就是用图片圆角来替代，或者放弃IE6的圆角。
5、IE6背景闪烁如果你给链接、按钮用CSS sprites作为背景，你可能会发现在IE6下会有背景图闪烁的现象。
造成这个的原因是由于IE6没有将背景图缓存，每次触发hover的时候都会重新加载，可以用JavaScript设置IE6缓存这些图片：代码如下:document.execCommand("BackgroundImageCache",false,true);6、最小高度IE6 不支持min-height属性，但它却认为height就是最小高度。
解决方法：使用ie6不支持但其余浏览器支持的属性!important。
代码如下:#container {min-height:200px; height:auto !important; height:200px;}7、最大高度代码如下://直接使用ID来改变元素的最大高度var container = document.getElementById('container');container.style.height = (container.scrollHeight > 199) ? "200px" : "auto";//写成函数来运行function setMaxHeight(elementId, height){var container = document.getElementById(elementId);container.style.height = (container.scrollHeight > (height - 1)) ? height + "px" : "auto";}//函数示例setMaxHeight('container1', 200);setMaxHeight('container2', 500);8、100% 高度在IE6下，如果要给元素定义100%高度，必须要明确定义它的父级元素的高度，如果你需要给元素定义满屏的高度，就得先给html和body定义height:100%;。
9、最小宽度同max-height和max-width一样，IE6也不支持min-width。