如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时...
方法：li{vertical-align:top;}除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的<length>和<percentage>值都可以
如何解决IE6及更早浏览器下的3像素BUG？
方法：.a{color:#f00;} .main{width:950px;background:#eee;} .content{float:left;width:750px;height:100px;background:#ccc;_margin-right:-3px;} .aside{height:100px;background:#aaa;}<div class=&...
如何解决IE6及更早浏览器下当li内部元素是定义了display:block
a,span{display:block;background:#ddd;} <ul> <li><a href="../">CSS参考手册</a></li> <li><a&nbs...
css布局口诀
一、IE边框若显若无，须注意，定是高度设置已忘记；二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；三、三像素文本慢移不必慌，高度设置帮你忙；四、兼容各个浏览须注意，默认设置行高可能是...
实现简单二级导航，纯CSS样式实现二级导航
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xm...
FF兼容问题
text-indent : 2em;在FF无效果解决方法：加入样式：display:block;挺好用的效果，这是我写样式的时候遇到的，分享给大家！
高度不能自适应问题
如何解决子级用css float浮动而父级div 没高度不能自适应？方法：最简单的是给父级加入overflow：hidden；即可解决。还可以使用clear：both；不过应注意的是不是对父级之间加clear样式，而是在父级div前面加带...
indent兼容ie6
文字凹进去两个字符，在ie6中没效果？解决方法：加入：display:inline-block;
自适应宽度居中问题
在外面加一个div，用text-align：center；里面的div则设置display：inline-block；这个方法挺好用的，好东西一起分享，如果您还有更好的方法，欢迎分享
css强制换行和超出隐藏实现
一、强制换行1 word-break: break-all; 只对英文起作用，以字母作为换行依据。2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。3 white-space: pre-wrap; 只对中文起作用，强制换行。word-break:brea...
css命名规则
div命名规则一般用英文来命名，不使用中文。常用的命名如下：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper 或 wrap左右中：left right center...
父元素高度确定的多行文本、图片、块级元素的竖直居中
方法一：css中有一个用于竖直居中的属性vertical-align，但只有当父元素为td或th时，这个vertical-align属性才会生效，对于其他块级元素，例如div、p等，默认情况下是不支持vertical-align属性的。在Firefox和IE8下...
