這次想跟大家分享的主題是常見的CSS+DIV的問題,這些是我自己曾經碰過,或是工作上、朋友會問我的問題,我想也許許多CSS的初學者也會有這些疑惑,所以把它做個整理。
另外要強調的一點是,我的工作=\=css人員,不是每天都在那邊寫css啦~。我的工作是網頁設計(設計是個多麼美妙的詞阿),所以會大量用到PhotoShop以及Flash軟體,拜託別再問我「你是不是每天都在寫CSS」這種問題,我不想回答了
。
Q.如何讓DIV區塊居中?
A.假設你的DIV總寬度是900px,我們可以這樣寫:
居中的區塊
Q.為什麼IE對於margin的算法有些不同?
A.當我們針對div設定了浮動(float)屬性之後,IE瀏覽器就會將margin加倍計算。例如我們設定margin-left:5px;,IE會算成10px。解決的方法是在該浮動區塊加上「display:inline」即可解決這個問題。
Q.為什麼設定超連結的visited會失效?
A.超連結的樣式有一定的順序,如果你同時要設定visited(訪問過的連結),或是active(作用中的連結),必須要按照這個順序設定:a:link→a:visited→a:hover→a:active。我們不用死記順序,可以這麼記:love、hate
Q.如何在圖片上方放置flash?
A.有時候我們會看到有人的圖片上有flash的光圈特效,如果你要使用該特效,請將圖片設定為背景圖,然後在上方插入flash,記得要將flash設置為透明屬性:
Q.在火狐瀏覽器設定最小高度
A.一般對區塊設定高度(height)後,在火狐瀏覽器中如果輸入超過高度的文字,區塊不會被撐開。如果我們希望可以設定最小高度,同時又希望文字過多可以撐開區塊的話,可以將你的區塊改寫為:
div {
height:auto!important;
height:100px;
min-height:100px;
}
以上幾項常見的問題,供大家參考。如果還有其他問題,歡迎留言告訴我~~



FACEBOOKs COMMENT( ):
EVERYBODYs COMMENT: