前言:新手在建站的時候往往會忽略一些代碼,而這些代碼或多或少的影響着你的網站,例如:好不容易把自己的站做起來了,確發現瀏覽器不支持,還有的同學會發現代碼寫得亂七八糟,網頁整體移位,還有的都不知道是莫名奇妙的出問題。
下面將把建站容易出現的常見問題寫下來供各位童鞋學習:
拖動滾動條時邊框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屬性;
以上這些常見問題大家千萬要記住了,在建站的時候可是非常非常的有用的哦!