记录生活，存储回忆
```css height:auto!important; height:100px; min-height:100px; ``` 注释：因为!important在IE7和Firefox都可以读到，而且权重高于后面的height:100px；所以当在IE7和Firefox显示的时候，就会用了前面的height:auto!important;而IE6识别不了!important，auto对它也不管用，因此会应用了后面的height:100px的样式；而min-height:100px表示DIV最小高度为100px；此属性在IE7和firefox都可以识别。
div+css不换行出现半字问题，推荐超出部分省略号显示：在显示文章标题时，为了提高可视性，常常要将超长部分省略，并用title提示完整标题。以下代码可用来达到超长部分用省略号显示的效果。style=”white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;”不过，这段代码在部分早期FireFox版本下面不会出现省略号，而是直接将超长文字隐藏，而且会出现半个字现象。在部分版本Firefox下解决方法让文字换行，限定行高，然后隐藏换行的部分，这样也就不会出现半个字现象了。If you find any better way to solve the issue -just comment it here s...
CSS定义DIV居中,我们一般情况所用的样式是.xxx{margin:0 auto;}今天遇到了一个问题是在MSIE中显示居左，但在FireFox下已经居中显示。经过一番排查发现原来EditPlus默认没有在HTML前加上DTD,于是IE就以HTML方式来解释而不是XHTML来解释文档。所以问题并不在CSS而在XHTML网页本身。加上下面这句后发现MSIE下也显示正常了：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML使用CSS让DIV水平垂直居中的方法<html><head><title>DIV水平垂直居中</title><style>body{font-size:12px; margin:0; padding:0;}.div1{position:absolute;top:50%;left:50%;width:500px;height:300px; margin-top:-150px; margin-left:-250px; border:1px #999 solid; background:#CEE7FF;}</style></head><body><div clas...
首先我们大致的花了一个草图，理清一下思路。在实际操作中，你面对的可能不是草图，而是美工设计人员所设计的网站效果图，但大体上的结构是相当的，我们看下面的图片：图片文字说明：我们将顶部和底部设置为宽度960px左右，并居中对齐，以适应更大分辨率的需要。将中部的三列，即左侧，主内容区，右侧。置于一个div容器中，并将此div设置为宽度960px左右，并居中对齐。再将此容器内的左侧，主内容区，右侧分别设置宽度、应用浮动标签，以达到我们想预想的CSS布局效果。根据上面的图片示意，我们整理出各个div的id以及他们的关系： 顶部：header_common； 中部三列的容器：divall； 左侧：sider_a； 主内容区：main； 右侧：sider_b； 底部：footer_commonHTML代...