CSS中使用float出现奇怪问题_电脑软硬件应用网_国内最受关注的计算机应用解决中心

首页·电脑学院·电脑故障·操作系统·硬件教程·局域网技术·QQ技巧·网络安全·办公软件· 数据库

导航·设计学院·图像处理·网页设计·软件教程·服务器技术·笔记本·专家装机·网络编程·在线问答

当前位置：电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文

CSS中使用float出现奇怪问题

CSS中使用float出现奇怪问题

2007-8-28 10:28:55　　文/佚名　　出处:电脑软硬件应用网　　

有如下html代码：
<div id="aa">
<div id="bb">
......
</div>
</div>
css代码如下：
#bb{float: left;}
理想的效果是，bb的高度增加，aa的高度也会随着bb一同相应的增加。这样设置在IE下没问题，可是在FireFox下，如果增加aa高度，aa就会飘出bb层,难道要用JS？经过多次修改尝试之后终于找到解决方法：可以在所有浮动层之后加上这个“清理层",
<div class="clean"></div>
.clean{
display: block;
clear: both;
margin: 0px;
padding: 0px;
visibility: hidden;
}
.clean:after {
height: 0px;
}

上一篇文章：网页中用CSS样式表隐藏文字的挺新颖方法

下一篇文章：合理运用CSS在整体布局的声明

最新热点		最新推荐		相关文章
				CSS伪类选择器nth-child() css3教程:background属性调整增强 css教程：CSS3 Media Queries 详解 CSS 类名的长命名和短命名 CSS实例教程:非浮动区域设置宽度如何使用css约束一个层不可见？ CSS的list-style解释小议使用“完整”的CSS的缺点 CSS中的相对定位与绝对定位详解实例使用DIV+CSS制作圆角边框加阴影…