Div Css 設計網頁時浮動問題的解決方法

2021-04-12 21:08:03 字數 646 閱讀 8457

以前最常用的方法有兩種︰

方法一、

使用塊級clear,即宣告乙個塊的類屬性為

程式**

.clear

方法二、

使用內聯元素清理,比如說在主浮動內容後跟乙個內聯元素。

程式**

.inlineclear

方法三,使用雙層div巢狀

程式**

#pubpage

#main

內容

這樣用的話,內部的main就會把浮動給撐起來

方法四、

程式**

/******clear float*******/

.clearfix:after

.clearfix

/* hides from ie-mac /*/

* html .clearfix

.clearfix

/* end hide from ie-mac */

加在乙個想表示成塊的容器的類屬性上,但此屬性必須為第乙個,如

第四種方法目前可以很好的相容多種瀏覽器,並且不要加額外的元素就可以完成想要的布局,原文請看這裡

CSS設計網頁時的一些常用規範

一 注釋書寫規範 1 行間注釋 直接寫於屬性值後面,如 search 2 整段注釋 分別在開始及結束地方加入注釋,如 搜尋條 search 搜尋條結束 二 樣式屬性 縮寫 1 不同類有相同屬性及屬性值的縮寫 對於兩個不同的類,但是其中有部分相同甚至是全部相同的屬性及屬性值時,應對其加以合併縮寫,特別...

CSS設計網頁時的一些常用規範

css命名規範 一 檔案命名規範 全域性樣式 global.css 框架布局 layout.css 字型樣式 font.css 鏈結樣式 link.css 列印樣式 print.css 二 常用類 id命名規範 常用類的命名應盡量以常見英文單詞為準,做到通俗易懂,並在適當的地方加以注釋。對於二級類 ...

暑假網頁學習1(浮動問題)

乙個簡單的框架含浮動 123浮動常見問題 如果不定義中間的容器contain的高度,那麼footer就會自動浮動到header的下面,而我們在coontain中定義的三個浮動就會浮在上層,此時頁面會出現分層,分成兩層,但是由於之前給三個浮動設定了外邊距因此上面會浮到頭部部分的下面,之間的距離就是外邊...