关于浮动窗口占位的问题

关于浮动窗口占位的问题

一旦盒子被标记为浮动   这个盒子就脱离了DOM  父亲盒子的高度不会跟着浮动子盒子变得
你想让父亲盒子包住子盒子可以这样 再加个子盒子在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 特性
阅读更多
换一批

没有更多推荐了,返回首页