<title>div等高處理
<styletype="text/css">
/*統一設定body屬性*/
body
#wrap
#header
#sideleft
#sideright
/*解決內層浮動後外面丟失高度的bug*/
#wrap:after
#wrap
/*\*/
#wrap
/* end easy clearing */
/*\*/
#sideleft, #sideright
@media all and (min-width: 0px)
#sideleft:before, #sideright:before
}
/**/
#footer
h1,h2,p
h1,h2
<body>
<divid="wrap">
<divid="header">
<h1>header
<divid="sideleft">
<h2>sideleft
<p> 要從固定的、基於畫素的設計方法轉到彈性的、相對的設計方法並不容易。但是如果恰當利用，就可以成為增強親和力和易用性的乙個自然選擇，同時又無須做出設計上的犧牲。
<p> 畫素是計算機螢幕上的不可縮放的點，而乙個
h3 就是乙個字大小的方塊。由於字型大小的變化， h3
代表使用者喜歡的文字大小的相對單位。
<p> 採用印刷式的固定設計方案或許要容易些，因為如果尺寸不變，則考慮的東西就相對較少。可是如果採用彈性的設計方法，就可以充分利用電腦的顯示器和瀏覽器。
<p> 也許你想你的**以某種特定的方式顯示，但是你的使用者想看到的可能不一樣。任何強加於使用者的東西都不利於易用性，從而對**的成功造成損害。
<p> 要從固定的、基於畫素的設計方法轉到彈性的、相對的設計方法並不容易。但是如果恰當利用，就可以成為增強親和力和易用性的乙個自然選擇，同時又無須做出設計上的犧牲。
<p> 畫素是計算機螢幕上的不可縮放的點，而乙個
h3 就是乙個字大小的方塊。由於字型大小的變化， h3
代表使用者喜歡的文字大小的相對單位。
<p> 採用印刷式的固定設計方案或許要容易些，因為如果尺寸不變，則考慮的東西就相對較少。可是如果採用彈性的設計方法，就可以充分利用電腦的顯示器和瀏覽器。
<p> 也許你想你的**以某種特定的方式顯示，但是你的使用者想看到的可能不一樣。任何強加於使用者的東西都不利於易用性，從而對**的成功造成損害。
<divid="sideright">
<h2>sideright
<p> 要從固定的、基於畫素的設計方法轉到彈性的、相對的設計方法並不容易。但是如果恰當利用，就可以成為增強親和力和易用性的乙個自然選擇，同時又無須做出設計上的犧牲。
<p> 畫素是計算機螢幕上的不可縮放的點，而乙個
h3 就是乙個字大小的方塊。由於字型大小的變化， h3
代表使用者喜歡的文字大小的相對單位。
<p> 採用印刷式的固定設計方案或許要容易些，因為如果尺寸不變，則考慮的東西就相對較少。可是如果採用彈性的設計方法，就可以充分利用電腦的顯示器和瀏覽器。
<p> 也許你想你的**以某種特定的方式顯示，但是你的使用者想看到的可能不一樣。任何強加於使用者的東西都不利於易用性，從而對**的成功造成損害。
<divid="footer">
<h1>footer
flex布局資料不夠時，左對齊
畫頁面上，會經常用到flex布局，也特別的好用。尤其在在數量恰好時，但是後台返回的資料量是不確定的時候，就要考慮到所用的布局方法對不對了，兩種方法可以很好避免數量不夠時問題 1.重點在於最下margin兩行的 可以理解為一行分為四個模組，除了四得倍數之外，都有margin right的值，模組為24...
火狐瀏覽器 div 左對齊與ie相容辦法
本文講解了firefox火狐瀏覽器與ie瀏覽器在html 編寫時的差異,程式設計師有進行開發除錯時,可按下面說到的html標籤進行除錯.1.ul不同，ie下預設是margin留白，ff下預設是padding留白，所以要先用margin 0 padding 0 來實現相容。2.給定高度後，當內容過多，...
頁面多個DIV摺疊效果的實現 通用性高
欄目1 用js實現層的摺疊效果 用js實現層的摺疊效果 用js實現層的摺疊效果 用js實現層的摺疊效果 用js實現層的摺疊效果 欄目2 用js實現層的摺疊效果 用js實現層的摺疊效果 用js實現層的摺疊效果 用js實現層的摺疊效果 用js實現層的摺疊效果 欄目3 用js實現層的摺疊效果 用js實現層...