div或者li中内容超过长度后以省略号显示的方法（此方法适用与IE与OP浏览器）： style type="text/css" li{ width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}/style
先在IE内核下运行下面的代码： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" cont
当父div里面的内容有浮动的时候，如果这个父div没有设置高度，或者设置的高度不够，就会导致父div塌陷，即没设置高度时，父div会变成一条线，父div下面的内容和父div里面的内容重叠
当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。 解决办法：对#layout使用line-hei
如果我们在做首字下沉或者文字环绕图片，一般会给首字或者图片float:left，文字就会环绕首字或者图片。但是，在IE6下，环绕的文字会和float的首字或者图片产生3px的间距，解决办法是
页面的最小宽度min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确（当然，min-height也是同样的道理）。但IE不兼容min-前缀，而它实际
由于IE不兼容min-前缀，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话
当div浮动的时候，有时候会产生双编剧问题。这在IE6非常常见。经常出现，一行多个li浮动，在IE8、火狐等等都能一行显示，但是在IE6却有几个掉到第二行了。这有可能就是双边距，解决
margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; Html代码： div id="imfloat"网站模板/div Css代码： style type="tex
div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。 Html代码: div网站模板 www.5imoban.net/div Css代
