随笔-9  评论-49  文章-0  trackbacks-0

   在布局时,有时会遇到以下问题:

<div id="mainBox">
      <div id="leftbox"></div>
      </div id="rightbox"></div>
</div>

         一个大的DIV(代码中的“mainBox”)里,嵌套两个小Div,其中第一个float:left,第二个float:right,结果发现,原来大的DIV的背景色没有了,其实是内容为空所致,因为内部的这两个小div都浮动到了MainBox的上层(z-index)。

      解决办法很简单,给mainBox也加上一个  float: left 。

posted on 2006-03-08 08:11 Raven 阅读(748) 评论(5)  编辑  收藏 所属分类: XHTML/CSS

评论:
# re: Float排故心得 2006-03-30 15:06 | mimiqiao
给它们定义个height也可以显示出颜色来吧:)  回复  更多评论
  
# re: Float排故心得 2006-03-30 21:03 | Raven
嗯,后来才知道heidht:1%可以解决,
在后来的《清除float,为父元素获得高度!》中也说到了,只是觉得没有必要再去改以前写的东西,哪怕是错的,总归是记录了自己的一个经过。
  回复  更多评论
  
# re: Float排故心得 2006-06-01 20:36 | netfound
其实多添一个 <div style="clear:both;"></div> 也可以解决楼主的问题.  回复  更多评论
  
# re: Float排故心得 2006-06-02 10:25 | Raven
从标准的角度来讲,你所增加的这个div是属于“表现”层的,而不是“数据”,专门为一个“表现”创建一个div,是不被推荐的!
何况在一些大项目中,消除float是经常会遇到的事,如果大量运用就显示不明智喽。
那么怎么来解决呢?请搜索“使用:after清除float”,这应该是目前最好的解决方法了!  回复  更多评论
  
# re: Float排故心得 2007-11-18 01:35 |
解决办法很简单,给mainBox也加上一个 float: left 。
你这样不等于把父类 又造出了一个浮动 这个怎么清除?  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 
<2006年3月>
2627281234
567891011
12131415161718
19202122232425
2627282930311
2345678

常用链接

留言簿(3)

随笔分类

随笔档案

友情链接

搜索

  •  

最新评论

阅读排行榜

评论排行榜