div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.

div是乙個塊級元素，預設情況下，預設情況下將佔滿父級容器的整行，同級的其他物件將在下一行顯示。但是將某個div設定為float後，這個div本身會根據其中內容的需要而調整為內容需要的大小，其後的塊級物件將浮動在它旁邊顯示，執行下面的html**就可以看到效果。

">

" xml:lang="en" lang="en">

選單區內容區

為了讓content區能夠在下一樣顯示,在浮動的div中設定了clear:both屬性,顯示結果沒有任何變化,再試著將clear:both屬性加入到表示content的div中,content區就在下一行顯示了.看來,對於已經設定了float特性的物件不能再設定clear特性了.

如果我不是設定menu區的float屬性，而是設定menu區內部的div區的float屬性，其結果與直接設定外部的menu區的效果完全一樣，這就令我非常困惑了，按理說，如果我沒設定外部的menu區的float屬性，這個menu區自己應該佔滿一行，其內部的div區再按float屬性漂浮在menu區內部，可現在卻不是這樣的！我接著明確設定了menu區的寬度，這時在ie下看到了我期望的效果，即menu區佔據了規定的寬度，其內部的div區按float屬性漂浮在了menu區內部，並且content區換行顯示了，但是，在firefox下執行的效果卻很怪，我就不想在繼續追究下去了，這應該是firefox的bug了。實驗**如下：

">

" xml:lang="en" lang="en">

選單區內容區

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素，預設情況下，預設情況下將佔滿父級容器的整行，同級的其他物件將在下一行顯示。但是將某個div設定為float後，這個div本身會根據其中內容的需要而調整為內容需要的大小，其後的塊級物件將浮動在它旁邊顯示，執...

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素，預設情況下，預設情況下將佔滿父級容 器的整行，同級的其他物件將在下一行顯示。但是將某個div設定為float後，這個div本身會根據其中內容的需要而調整為內容需要的大小，其後的塊級 物件將浮動在它旁邊顯示...

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素，預設情況下，預設情況下將佔滿父級容器的整行，同級的其他物件將在下一行顯示。但是將某個div設定為float後，這個div本身會根據其中內容的需要而調整為內容需要的大小，其後的塊級物件將浮動在它旁邊顯示，執...