CSS實驗室

在進行浮動佈局時，大多數人都深知，在必要的地方進行浮動清理：<div style="clear:both;"></div>。

程式碼

<div style="background:#666;">

  <div style="float:left; width:30%; height:40px;background:#EEE; ">Some Content</div>

CSS? Isn't that a multiplayer game?
第0級：CSS？那不是一個多人射擊遊戲嗎？

有些人因為在找CS:S（Counter Strike: Source）這款遊戲的資訊而進到#CSS網站。不必擔心這些人，他們不可能製作太多網頁，所以對網絡也不會造成多大傷害。

在進行頁面的DIV+CSS排版時，遇到IE6（當然有時Firefox下也會偶遇）瀏覽器中的圖片元素img下出現多餘空白的問題絕對是常見的對於該問 題的解決方法也是「見機行事」，根據原因的不同要用不同的解決方法，這裡把解決直接把解決image圖片佈局下邊的多餘空隙的BUG的常用方法歸納，供大 家參考。方法整理來源於萬福的網絡。

1、將圖片轉換為塊級對像

即，設置img為：

簡介

CSS3不是新事物，更不是只是圍繞border-radius屬性實現的圓角。它正耐心的坐在那裡，已經準備好了首次登場，呷著咖啡，等著瀏覽器來鋪上紅地毯。你看，瀏覽器需要跟上了……

利用 CSS 來實現對象的垂直居中有許多不同的方法，比較難的是選擇那個正確的方法。我下面說明一下我看到的好的方法和怎麼來創建一個好的居中網站。

使用 CSS 實現垂直居中並不容易。有些方法在一些瀏覽器中無效。下面我們看一下使對像垂直集中的5種不同方法，以及它們各自的優缺點。(可以看看 測試頁面 ，有簡短解釋。)

介紹

毫無疑問，任何一個試圖使用 CSS 的網頁設計師和開發人員都會發現不同的瀏覽器要求不同的樣式聲明。這些煩惱歸咎於各瀏覽器及其各版本不同程度的 CSS 執行的完整性。條件 CSS 是這個問題的一個解決方案，採用的是 Internet Explorer 的條件註釋語法的思想，並把它內聯到 CSS 聲明之中。

基本用法