闭合浮动，元素浮动或绝对定位后失去文档流的友好解决办法

给父盒子添加一个”clearfix”样式。它一般这样子定义

.clearfix{
    zoom:1;//由于IE6-7不支持:after，使用 zoom:1触发 hasLayout。

}
.clearfix::after{
    content:"";
    display:block;
    height:0;
    clear:both;
}

参考链接 http://www.cnblogs.com/StormSpirit/archive/2012/11/15/2772216.html

时间： 2024-10-26 10:27:57

闭合浮动，元素浮动或绝对定位后失去文档流的友好解决办法的相关文章

CSS文档流与块级元素(block)内联元素(inline)

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动. 内联元素也不会独占一行. 几乎所有元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素. 有三种情况将使得元素脱离文档流而存在,分别是浮动,绝对定位, 固定定位.   基于文档流, 我们可以很容易理解以下的定位模式: 相对定位, 即相对于元素在文档流中位置进行偏移. 但保留原占位. 绝对定位, 即完全脱离文档

安装Win7系统后Word文档字体变化

问题:电脑安装Win7系统后Word文档字体变了,这是怎么回事呀? 解答:为了工作的需要,笔者将Win-XP升级成了Win7,却也同时产生了一个问题,就是笔者的所有Word文档中仿宋字体都改变了.问了同事,也存在这个问题.在网上搜查,才知道原因是Win7中没有自带仿宋_GB2312字库,需要自己下载安装.按照说明,下载了仿宋_GB2312字库,放在C盘-Windowsfonts中.一切又OK了.

91助手备份后无法还原联系人和短信解决办法

  91助手备份后无法还原联系人和短信解决办法.现在,不少人都在使用91助手这个软件.有些用户在进行备份后,却发现无法还原联系人和短信.那么,91助手备份后无法还原联系人和短信怎么办?一起来看看91助手备份后无法还原联系人和短信解决办法吧. [联系人] 1.打开助手--功能大全-联络人管理-导入导出(将备份的联系人文件单独导入) 91助手 2.如果不能导入请确认以下两点 a.确认备份文件的大小,如果文件大小为0,说明之前的备份是没有成功无法还原. b.如果有内容请将备份的文件发送给技术人员处理.

别的电脑上的ISE工程放到本电脑上后使用ModelSim仿真时出错的解决办法

http://blog.csdn.net/jbb0523/article/details/8038023 题目:别的电脑上的ISE工程放到本电脑上后使用ModelSim仿真时出错的解决办法 是否有这样的经历:别人的ISE工程传给你,然后你打开修改后使用ModelSim仿真时会报错,无奈之下只能重新编译一下库,即点击芯片型号,然后执行Compile HDL Simulation Libraries命令,如图所示: 编译一次库要花很长时间的,但我们知道,电脑上安装ISE和ModelSim后第一次使用

weboffice 在线预览后,编辑文档回传服务器，我怎么拿到编辑后的临时文件

问题描述 weboffice 在线预览后,编辑文档回传服务器,我怎么拿到编辑后的临时文件 在线预览功能 我已实现,再次编辑这个文档回传服务器 需求是我拿到编辑后的临时文件 解决方案 document.all.WebOffice1.HttpAddPostCurrFile("DocContent",""); 点聚操作office的api是这样的,然而这个DocContent具体是啥? 麻烦懂的人 指点下!

cximage sdi 单文档-CXimage Demo 改为单文档应用程序后，文档类里面的线程，发送消息视类收不到？

问题描述 CXimage Demo 改为单文档应用程序后,文档类里面的线程,发送消息视类收不到? 最近下载了一个CxImage 的Demo源程序,但Demo是基于多文档的,我想把它改成单文档,就先实验了一个功能--向左旋转,但在线程里面发的消息视类没有收到,有没有人知道原因? 我是一个新手,请高手帮忙

SQL Server 2012安装后服务器名称找不到的解决办法

网上说使用localhost即可,确实没错,但是有的仍旧会报出无法找到错误,我在无法通过的时候又重新安装了SQLServer,这次选中全部默认安装,之前使用的是选择安装,然后发现多了几个配置,其中有一项是建立实例,然后我再次选默认,安装完成后,再启动SQLServer2012,服务器名称中输入localhost,连接,ok. 猜想:估计是安装时没有建立实例所致,本机就没有安装实例 ,所以填localhost也没有用了. 以上所述是小编给大家介绍的SQL Server 2012安装后服务器名称找不

Exchange 2007迁移2010后部分手机邮箱不能使用的解决办法

近期一个客户Exchange 2007迁移到了2010后,出现了一个问题,部分的手机邮箱无法使用,经过测试发现如下问题: The test of the FolderSync command failed. an HTTP 403 forbidden response was received. The response appears to have come from IIS7. Body of the response: <!DOCTYPE html PUBLIC "-//W3C//

Ruby升级后no such file to load -- readline解决办法_ruby专题

升级ruby和rails后进入script/consle出现: 复制代码 代码如下: /usr/local/lib/ruby/1.8/irb/completion.rb:10:in `require': no such file to load -- readline (LoadError)          from /usr/local/lib/ruby/1.8/irb/completion.rb:10          from /usr/local/lib/ruby/1.8/irb/in