jump to navigation

This is NOT the official website of AvantBiz Consulting Limitd but just some casual discussions about various topics. Please visit www.avantbiz.com if you need our professional services.

常見的CSS+DIV問題整理 October 15, 2009

Posted by eddie in : Web 網頁 , trackback

Q.如何讓DIV區塊居中?

A.假設你的DIV總寬度是900px,我們可以這樣寫:

  1. <style>
  2. #page {width:900px;margin:0 auto;}
  3. </style>
  4. <div id="page">居中的區塊</div>

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設置為透明屬性:

  1. <param name="wmode" value="transparent" />

Q.在火狐瀏覽器設定最小高度

A.一般對區塊設定高度(height)後,在火狐瀏覽器中如果輸入超過高度的文字,區塊不會被撐開。如果我們希望可以設定最小高度,同時又希望文字過多可以撐開區塊的話,可以將你的區塊改寫為:

  1. div {
  2. height:auto!important;
  3. height:100px;
  4. min-height:100px;
  5. }

Comments»

no comments yet - be the first?