关于浮动窗口占位的问题

关于浮动窗口占位的问题

一旦盒子被标记为浮动　　　这个盒子就脱离了ＤＯＭ　　父亲盒子的高度不会跟着浮动子盒子变得
你想让父亲盒子包住子盒子可以这样 再加个子盒子在2个浮动盒子下面

XML/HTML code

?

1 2 3 4 5

<</CODE>div id="father">    <</CODE>div style="float:left">float1</</CODE>div>    <</CODE>div style="float:left">float2</</CODE>div>    <</CODE>div style="clear:both"></</CODE>div>  </</CODE>div>

XML/HTML code

?

1 2 3 4

<</CODE>div id="father" style="overflow:hidden;">    <</CODE>div style="float:left">float1</</CODE>div>    <</CODE>div style="float:left">float2</</CODE>div> </</CODE>div>

这样比较好，不用增加一个没用的div
关于浮动，详细的说明，见跨浏览器开发专区的：
【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之七：浮动(Float)概述
【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之八：float 特性以及浮动(Float)定位细则一
【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之九：浮动(Float)定位细则二

【分享】说说标准——CSS核心可视化格式模型(visual formatting model)之十：控制紧接浮动的排列-clear 特性