前言:新手在建站的时候往往会忽略一些代码,而这些代码或多或少的影响着你的网站,例如:好不容易把自己的站做起来了,确发现浏览器不支持,还有的同学会发现代码写得乱七八糟,网页整体移位,还有的都不知道是莫名奇妙的出问题。
下面将把建站容易出现的常见问题写下来供各位童鞋学习:
拖动滚动条时边框IE时隐时现,办法:在边框的div中加overflow:hidden; height:100%(IE6.0)
2、li里直接使用img,底部多出几像素,办法:在img中加display:block
3、div浮动左(下)面多出几像素,办法:浮动中加:display:inline(IE6的BUG,margin在碰到float时会距离会加倍,也在浮动元素中加display:inline即可)
4、FF浏览器div内有浮动,顶部多出几像素,办法:在浮动外div中加:display:inline
5、有浮动内容的div在IE6下始终多出几像素空白,办法:加一行div,属性设置为:clear:both;
height:0; line-height:0; font-size:0;
6、彻底清除浮动:.Clear{clear:both; font-size:0; height:0; line-height:0;}
7、ul中的li设置float:left后,li内的文字会换行,解决方法:li中加li
{ float: left; white-space: nowrap;即可
值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML
中的 <pre>
标签。nowrap文本不会换行,文本会在在同一行上继续,直到遇到 <br>
标签为止。pre-wrap保留空白符序列,但是正常地进行换行。pre-line合并空白符序列,但是保留换行符。inherit规定应该从父元素继承
white-space 属性的值。
8、img底部多出几像素,方法,在img元素加属性float:left属性;
以上这些常见问题大家千万要记住了,在建站的时候可是非常非常的有用的哦!