學習CSS布局 max width

doctype html

>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>max-width
title
>
<
style
>
.main 
style
>
head
>
<
body
>
<
div 
class
="main"
>
在這種情況下使用 max-width 替代 width 可以使瀏覽器更好地處理小視窗的情況。
<
br />
這點在移動裝置上顯得尤為重要，調整下瀏覽器視窗大小檢查下吧！
<
br />
順便提下， 所有的主流瀏覽器包括ie7+在內都支援 max-width ，所以放心大膽的用吧。
div>
body
>
html
>

調整瀏覽器的視窗，div寬高自動縮放，真是很棒啊。

筆記 學習CSS布局04 max width

main在這種情況下使用max width替代width可以使瀏覽器更好地處理小視窗的情況。這點在移動裝置上顯得尤為重要，調整下瀏覽器視窗大小檢查下吧！順便提下，所有的主流瀏覽器包括ie7 在內都支援max width，所以放心大膽的用吧。例項 在這種情況下使用 max width 替代 width...

CSS布局學習

css 規定的定位機制有三種 標準文件流 normal flow 浮動 floats 絕對定位 absolute positioning 標準文件流 normal flow 特點 1.從上倒下，從左到右，輸出文件內容 2.有會計元素和航跡元素組成。塊級元素 特點 1.從左到右撐滿頁面，獨佔一行 2....

學習css布局

1 display block inline 塊級元素，行內元素 包裹一些文字，不會打亂布局 2 main 設定自動居中 左右外邊距 main 3 盒子模型 margin padding border content 設定 box sizing border box後，元素的內邊距和邊框不會再改變元...