我們想要這樣的效果，嗯，看起來很不錯
結果把設定好了之後(float，大小什麼的)，興高采烈的f5了一下，以為達到了預期效果，結果是這樣的……
wtf，這和說好的不一樣啊，然後我就開始debug了一晚上，從div巢狀檢查到所有相關的css，結果還是找不出答案。
最後無意之中用一串中文代替了******…………，結果成這樣了:
？？？？？？一頭霧水的我開始在網上找相關的資料……
結果發現了乙個很重要的點：
好吧，這個坑，記住了……
1.position:absolute的絕對定位是相對於其最近的乙個position屬性不為static的父元素。
2.position:fixed是絕對定位中的絕對定位，即相對於body進行絕對定位，常見用於廣告的懸浮以及一定要懸浮顯示的某些內容（小黃網？）
3.position:relative不影響其他元素，即在其他元素眼中你並沒有出軌，但是其實你已經出軌……了……
4.預設網頁流布局從上到下從左到右下面舉個栗子，直接搞定這些點：
div1 div2 div3 進入文件流布局，div2(relative)進行相對布局
div2-1和div2-2位於div2下
其中div2-1(absolute)相對於其最近的乙個position屬性不為static的父元素進行絕對定位，即div2
div2-2(fixed)相對於body進行絕對定位
一些自己寫網頁時遇到的問題及細節處理
1.側欄問題 在另一篇文章裡已經說過了。2.取消table表頭居中問題 這個有兩種解決方法 第一種是不寫th而是用乙個td代替，之後再給這個td加粗即可。第二種是使用th，給th另外加乙個class，之後使用text align left 3.合併table邊框。這個樣子很難看。使用border c...
CSS設計網頁時的一些常用規範
一 注釋書寫規範 1 行間注釋 直接寫於屬性值後面，如 search 2 整段注釋 分別在開始及結束地方加入注釋，如 搜尋條 search 搜尋條結束 二 樣式屬性 縮寫 1 不同類有相同屬性及屬性值的縮寫 對於兩個不同的類，但是其中有部分相同甚至是全部相同的屬性及屬性值時，應對其加以合併縮寫，特別...
CSS設計網頁時的一些常用規範
css命名規範 一 檔案命名規範 全域性樣式 global.css 框架布局 layout.css 字型樣式 font.css 鏈結樣式 link.css 列印樣式 print.css 二 常用類 id命名規範 常用類的命名應盡量以常見英文單詞為準，做到通俗易懂，並在適當的地方加以注釋。對於二級類 ...