在這種情況下使用 max-width 替代 width 可以使瀏覽器更好地處理小視窗的情況。這點在移動裝置上顯得尤為重要，調整下瀏覽器視窗大小檢查下吧！
順便提下， 所有的主流瀏覽器包括ie7+在內都支援 max-widt
.******
.fancy
section
《學習CSS布局》學習筆記
近幾天做了乙個小的企業展示 雖然頁面是在模板的基礎上改的，但改的多了不熟悉css也很麻煩。正好我看到了學習css布局這個 於是補習了一下css知識。css的元素分為兩類 塊級元素和行內元素。display屬性就是控制元素的表現形式，它的值包括inline block和none等。none通常用於在不...
CSS學習筆記（四） CSS布局
css有三種布局模式 1 流動模式 flow 2 浮動模式 float 3 層模式 layer 流動模式 網頁布局在預設情況下，都是流動模式布局。1 在流動模式下，所有的塊狀元素寬度都為100 即預設情況下，所有的塊狀元素都佔據一行 2 所有的內聯元素都從左到右水平分布顯示 那麼問題來了，如果我們想...
css學習筆記 盒模型，布局
1 外邊距疊加 當乙個元素出現在另乙個元素上面時第乙個元素的底邊距與第二個元素的上邊距發生疊加，元素被包含時也有可能會發生疊加 如果沒有內邊距和邊框 如果乙個空元素沒有內邊距和邊框本身也會發生上下邊距的疊加。只有普通文件流中塊框的垂直外邊距才會發生疊加，行內框 浮動框或絕對定位框之間的外邊距不會發生...