新手建站常見問題整理

前言:新手在建站的時候往往會忽略一些代碼,而這些代碼或多或少的影響着你的網站,例如:好不容易把自己的站做起來了,確發現瀏覽器不支持,還有的同學會發現代碼寫得亂七八糟,網頁整體移位,還有的都不知道是莫名奇妙的出問題。

下面將把建站容易出現的常見問題寫下來供各位童鞋學習:

 

拖動滾動條時邊框IE時隱時現,辦法:在邊框的div中加overflow:hidden; height:100%IE6.0

2
li裏直接使用img,底部多出幾像素,辦法:在img中加display:block

3
div浮動左(下)面多出幾像素,辦法:浮動中加:display:inlineIE6BUGmargin在碰到float時會距離會加倍,也在浮動元素中加display:inline即可)

4
FF瀏覽器div內有浮動,頂部多出幾像素,辦法:在浮動外div中加:display:inline

5
、有浮動內容的divIE6下始終多出幾像素空白,辦法:加一行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屬性; 

以上這些常見問題大家千萬要記住了,在建站的時候可是非常非常的有用的哦!

發佈了28 篇原創文章 · 獲贊 0 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章