浮动盒子重叠问题

我想像两个盒子的文本也会完全重叠起来，可现实不是这样，为什么？请高手说明
FIREFOX查看

xml 代码

<style>
.box
    {
        background:#3399FF;
        padding:10px;
        border:2px #FF6600 dashed;
        height:80px;
        width:80px;
    }
</style>
<div class="box" style="float:left">盒子1</div>
<div class="box">盒子2</div>

 

答案

1、如果浮动元素在非浮动块元素之后，则浮动元素将会出现在非浮动块元素的下方；
2、如果浮动元素在非浮动块元素之前，则非浮动块元素内容将会显示浮动块元素行后。
3、在浮动元素之后的非浮动块元素会无视该浮动元素的存在，显示在与浮动元素开始的位置，浮动元素显示在非浮动块元素之上。

http://www.planabc.net/article.asp?id=120

分享到：

需求分析[后台] | WEB前端开发必不可少的3大firefox插件

• 2007-07-27 16:53
• 浏览 1481
• 评论(0)
• 查看更多