首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

空div块动态赋值后页面混乱的有关问题

2012-08-24 
空div块动态赋值后页面混乱的问题页面混乱很可能是空的div赋值后,占据了 上面的div的空间而造成的,我们可

空div块动态赋值后页面混乱的问题
页面混乱很可能是空的div赋值后,占据了 上面的div的空间而造成的,我们可以对上面
的div清除浮动,即不让其他的div影响他的内容的显示,即对他进行css清除浮动的定义
CSS clearfix 清除浮动

在很长一段时间里面,如果一个容器内有浮动元素的话,我习惯在父容器闭合前加一个 clear:both 元素,用于清除浮动,使父容器撑起。如下面得例子:

<style media="all">
.children {float:left;}
.fixed {clear:both;}
</style>
<div ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

使用上面的样式后,只需为 parent 元素增加一个 clearfix 的class,即可去掉里面的 fixed 子容器。并且兼容目前几乎所有的 web 浏览器。
<不要完全相信上面的内容,他有可能是不正确的>

热点排行