1.<br>、<hr> 尽量少用，性能很差、对于< hr>可以使用border来代替。
2.div中内容到边框没有值，显得很紧凑，设置padding后会把div撑开。解决办法：在子容器设置 padding；设置padding-left，padding-right值.即可解决：
3.overflow内容溢出时的设置
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden（根据内容自动调节容器大小）、auto。
4.【例】制作新闻ul列表；
5.插入图片时为什么会有默认距离。设置padding.margin值为0.
6.IE6双边距的问题。解决办法 display:inline; 解决。
7.li里文字位于图像下面:图片左浮动，文字清除浮动并左浮动。
8.在ul里嵌入form表单，在IE6，IE7，显示会不在同一高度上。
9.IE7下异常出现水平滚动条；overflow-x:hidden; 可以解决。
10.标签一定要写完整。否者会引起全局混乱。
11.在不知道模块高度的情况下不必设定高度，设定一个最小高度即可，让其自动随内容变化变化。
12.使整个网站变黑白代码：body{filter:Gray;} img{filter:Gray;}
13.怎么去除a链接的跟随文本： 清空title 就OK了。
14.IE6 不支持png透明图片。 解决办法将图片存为“索引颜色” 强制色：无；即可解决，test OK; 把.png换成.gif格式。就好。test OK；
15.IE6 不支持min-属性。设置height：auto； test oK！
17.怎么用CSS控制背景图片的宽和高？
19.文本框和密码框在IE下 宽度不一样。解决办法;input {font-family:Verdana, Arial, Helvetica, sans-serif,"宋体"} test IE6,7,8,9. FF.360.谷歌 显示正常。
20.css设置自动换行：正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal, 设置<p>标签
21.让文字位于图片下方: 设置文本居中；text-align:center;
22.ie6不支持margin值为负；解决办法：加position:relative; test OK!
23.在一个div中height和line-height的值设成一样大。否者IE6会显示不正常；
24.IE6，IE7对空格的显示和其他浏览器不一样，成2倍显示；解决办法：
25.FF下文本框和按钮水平上差几像素：解决办法：为input加上 vertical-align:middle 可以解决.
26.CSS调节背景透明度：opacity:0 .2; //支持Firefox, Safari, Chrome
filter: alpha(opacity=20);//支持IE；见36条；
27.给DIV加上overflow:hidden;可以解决一些不必要的问题。
29.IE7下面默认DIV是有高度的，所以要设置DIV的高度，才能避免一些问题。
28.页面的最小宽度 min -width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类, 然后CSS这样设计： #container{ min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" );} 第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。
29.让所有浏览器包括IE6即支持最大高度又支持最小高度。
.yangshi{Max-Height:620px;Min-Height:40px;_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));}
IE6支持Max-Height和支持Min-Height CSS代码
_height:expression(this.scrollHeight > 620 ? "620px" : (this.scrollHeight < 40 ? "40px" : "auto"));
说明：以上代码作用是让对象的最小高度为40px，最大高度为620px的CSS样式属性
30.1000px;{ 760px+10px+230px;} 940px;{ 620px+30px+290px}。
31. 去掉链接点击是的 虚线边框：a:focus { outline:0; } test OK！！！；
32.li a 超出部分不显示：｛
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
｝test FF下；不会以省略号显示;
33.<a> 在IE6，7 下面重新定义宽和高的代码：｛
display:block;
display:-moz-inline-stack;
display:inline-block;
zoom: 1;
overflow:hidden;
Test OK！
34.图片在IE6 下面有空隙产生：设置img为 display:block或vertical-align属17:42 2012-3-19性为：top,middle,bottom,text-bottom 可以解决； Test OK！
35.首字下沉（伪类）:first-letter｛ ｝
36.CSS背景透明：全透明代码:{background:transparent}
半透明代码:{filter:alpha(opacity=80);-moz-opacity:0.8;} 见26条
37.writing-mode（设置对象书写方向）
语法：writing-mode : lr-tb、tb-rl
参数：lr-tb：从左向右，从上往下 tb-rl：从上往下，从右向左
示例：div { writing-mode: tb-rl; } 未测试；
38.去掉点击链接时出现的虚线<a href="#" onfocus="this.blur()"></a>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
div+css网页设计常见问题及解决方案