div css网页设计常见问题及解决方案.doc

《div css网页设计常见问题及解决方案.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、divcss网页设计常见问题及解决方案　　div+css网页设计常见问题及解决方案1.、尽量少用，性能很差、对于可以使用border来代替。　　2.div中内容到边框没有值，显得很紧凑，设置padding后会把div撑开。　　解决办法在子容器设置padding;设置padding-left，padding-right值.即可解决3.overflow内容溢出时的设置overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden(根据内容自动调节容器大小)、auto。　　4.【例】制作

2、新闻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:

3、Gray;}img{filter:Gray;}13.怎么去除a链接的跟随文本清空title就OK了。　　14.IE6不支持png透明图片。　　解决办法将图片存为“索引颜色”强制色无;即可解决，testOK;把.png换成.gif格式。　　就好。　　testOK;15.IE6不支持min-属性。　　设置heightauto;testoK!17.怎么用CSS控制背景图片的宽和高?19.文本框和密码框在IE下宽度不一样。　　解决办法;input{font-family:Verdana,Arial,Helvetica,sans-serif,宋体}testIE6,7,8,9.FF.360.

4、谷歌显示正常。　　20.css设置自动换行正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,设置标签21.让文字位于图片下方:设置文本居中;text-align:center;22.ie6不支持margin值为负;解决办法加position:relative;testOK!23.在一个div中height和line-height的值设成一样大。　　否者IE6会显示不正常;24.IE6，IE7对空格的显示和其他浏览器不一样，成2倍显示;解决办法25.FF下文本框和按钮水平上差几像素解决办法为input加上vertical-align:midd

5、le可以解决.26.CSS调节背景透明度opacity:0.2;//支持Firefox,Safari,Chromefilter:alpha(opacity=20);//支持IE;见36条;27.给DIV加上overflow:hidden;可以解决一些不必要的问题。　　29.IE7下面默认DIV是有高度的，所以要设置DIV的高度，才能避免一些问题。　　28.页面的最小宽度min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。　　但IE不认得这个，而它实际上把width当做最小宽度来使。　　为了让这一命令在IE上也能用，可以把一个

6、放到标签下，然后为div指定一个类,然后CSS这样设计#container{min-width:600px;width:expression(document.body.clientWidth620?620px:(this.scrollHeight620?620px:(this.scrollHeight<40?40px:auto));说明以上代码作用是让对象的最小高度为40px，最大高度为620px的CSS样式属性30.1000px;{760px+10px+230px;}940px;{620px+30px+290px}。　　31.去掉链接点击是的虚线边框a:focus{outli

7、ne:0;}testOK!!!;32.lia超出部分不显示{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;｝testFF下;不会以省略号显示;33.在IE6，7下面重新定义宽和高的代码{display:block;display:-moz-inline-stack;display:inline-block;zoom:1;overflow:hidden;Test