{ hide_text } CSS文字隐藏总结报告 最近整理的一份 CSS 文字隐藏的 demo ，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的最优方案，因此，与其希望

顶部导航条提供给用户一种很方便,简洁分类展示方式,让用户访问品类繁多的有组织的内容，用户为了完成任务需要找到必要的内容和功能. 这个可能是最简单也最常用的组件了,所以内容也不多. 原文地址: http://developer.yahoo.com/ypatterns/navigation/bar/topnav.html 解决什么问题? 用户为了完成任务需要找到必要的内容和功

1. The Menu menu This another great CSS menu Stu Nicholls thats unique hovering over a menu item reveals a submenu. If you want get started with this menu just simple view the source code. Demo in page. 2. Pure CSS hover menu View Demo In this CSS

移动时代，是任何 Web 设计与开发者都不能忽视的一个时代，总有一天，你设计的东西将被显示在两种屏幕上，桌面大屏幕和移动小屏幕，如何让同一个网站同时适应完全不同的两种尺寸的屏幕，这是一个很久以来都没有完美解决方案的问题，直到有了 CSS3。 CSS3 的 Media Queries 在 CSS2 时代，如果你曾经为你的网站设计过打印版

6.DIV浮动IE文本产生3象素的bug 　　左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距. 　　#box{ float:left; width:800px;} 　　#left{ float:left; width:50%;} 　　#right{ width:50%;} 　　*html #left{ margin-right:-3px; //这句是关键} 　　 　　 　　 　　 　　7.IE捉迷藏的问

可悲的是，对CSS3和HTML5的不是标准（但）这些天（何时会永远是什么？）。由于此演示使用对CSS3，并不是所有的浏览器都可以全面兼容。正因为如此，它只能作为他们的支持通过- WebKit中字头的变换和箱阴影对CSS3属性仅浏览器在苹果Safari和谷歌浏览器。 。所以，现在，这只是为了好玩 其它浏览器将显示拍立得，但不会有整洁的

9.高度不适应 　　高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或paddign 时。 　　例： 　　#box {background-color:#eee; } 　　#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; } 　　 　　 p对象中的内容 　　 　　解决技巧：在P对象上下各加2个

最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半个江山了。搞定了IE，也相当于占领了7、80%的领地。你想做一个统治页面兼容的主么？反正我是想的。 作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不过，今天要说的是样式的