有關div css佈局問題

2022-10-03 06:06:36 字數 1230 閱讀 9156

1樓:郭孟濤講堂

ie6.0落後的問題,許多標籤的預設樣式和火狐不一樣。一般需要單獨給ie中的不支援的地方加樣式

例如:body

以下的共詳細參考:

一、!important (功能有限)

隨著ie7對!important的支援, !important 方法現在只針對ie6的相容.(注意寫法.記得該宣告位置需要提前.)

例如:#example

二、css hack的方法(新手可以看看,高手就當路過吧)首先需要知道的是:

所有瀏覽器 通用 height: 100px;

ie6 專用 _height: 100px;

ie7 專用 *+height: 100px;

ie6、ie7 共用 *height: 100px;

ie7、ff 共用 height: 100px !important;

例如:#example

* html #example

*+html #example

下面的這種方法比較簡單

舉幾個例子:

1、ie6 - ie7+ff

#example

其實這個用上面說的第一種方法也可以

#example

2、ie6+ie7 - ff

#example

3、ie6+ff - ie7

#example

4、ie6 ie7 ff 各不相同

#example

或:#example

2樓:

不相容唄,目前ie和ff以及其他核心瀏覽器解析css是有很多細小區別的,瞭解了這些區別,並掌握了正確的解決方法就不會出現這種情況了!

建議你去書店買本書看,現在css入門的書基本上都把相容需要注意的問題寫得很齊全了,看完書多練練再去看網上教程,網上很多教程是些還沒把問題搞透徹的初學者寫的,本身都錯了,那會誤導人。

另外:class和id名都不要用下劃線,錯誤的。

h_daohang之類的改為:h-daohang

3樓:_狼行千里

幫你看了下,沒有任何問題。在ff和ie6 7 8中顯示完全一樣。只有最上面的一塊沒有居中。在#first就可以了

4樓:雷曉娟

你用的是ie?的瀏覽器,在這邊ie和火狐都是好的,頭部沒有居中而已

5樓:匿名使用者

加上*

菜鳥求助div css佈局問題 在父div中放入子div,怎麼老有一兩個跑到外面來啊

再加2個樣式進去 left right float left 浮動屬性 你沒有定義它們的position 定位 應該定位它們的定位 而且子層div的css也沒有設計 父層的高度你定義成了死的 你可以試試height auto 正確望採納 他們div都是塊元素,左邊和右邊加個浮動就不會跑出來了,fol...

div css佈局的基本流程

解決這個問題的方法如下 1 新建一個html檔案,命名為test.html,用於講解div css佈局的基本流程。2 在test.html檔案內,對body進行樣式初始化,設定外邊距margin為0,內邊距padding為0,同時使用text align設定文字居中。3 在test.html檔案內,...

div css三行兩列布局怎麼寫,求大神解答

這個xhtml1標準的div css佈局是著名網頁設計師2004年釋出在 網頁設計師 上的,一個非常經典的佈局,在ie mozilla和opera瀏覽器中均可以實現居中和高度自適應。完整 如下 在原 的基礎上作了一定規範整理 header text段落 p 段落 段落段落段落 left footer...