浅谈IE8中关于margin collapsing的一些问题

开发 前端
该怎么解决margin collapsing问题,在这里就不做太多讨论,相关的解决方案网上也很多。前面IE8刚刚面市,于是就决定用IE8看看以前自己做的页面,是否够健壮,结果发现margin collapsing的解决方案在IE8中没能起效

margin collapsing问题以前的解决方案:

  1. .clear {  
  2.     clear: both;  
  3.     font-size: 0px;  
  4.     line-height: 0px;  

费解竟然这种解决方案不奏效了,于是用IE DEVELOPE TOOLBAR调试,发现<div class="clear" ></div>是存在的,那究竟是什么原因呢?在网上也没能找到相关的问题,只能自己解决(哎,本想站在巨人->Google的肩膀上总能看的更远)。不费话了,下面的自己找到的解决方法:

  1. .clear {  
  2.     clear: both;  
  3.     font-size: 1px;  
  4.     height: 1px;  
  5.     line-height: 1px;  

margin collapsing问题PS:可能IE8在对页面解析呈现时,对高度为0的元素,根本不作为考虑的对象(个人理解,不具权威性)、还有一点不得不在这儿也要提醒一下,就是它的缺点:就是页面会产生多余的1px高的空白(不过本人想这应该在现实中不会有什么大不了的影响)。

【编辑推荐】

  1. ASP.NET中的HttpWorkerRequest对像
  2. 详解四个ASP.NET状态
  3. ASP.NET AJAX中ScriptManager控件
  4. SuperPreview会调用ASP.NET或者PHP来渲染网页
  5. ASP.NET中的ScriptManager控件
责任编辑:彭凡 来源: cnblogs
相关推荐

2009-06-12 10:25:42

Webservices

2016-10-18 22:10:02

HTTP推送HTML

2018-06-12 15:39:41

容器部署云平台

2011-03-08 14:28:03

proftpdGentoo

2021-10-21 06:52:17

Vue3组件 API

2011-11-01 09:29:08

Android 4.0

2009-11-30 13:51:28

VS2003 Runt

2011-05-31 17:50:07

白盒测试

2018-05-17 14:52:11

Javascripthtmlcss

2022-01-16 08:04:44

集群部署canal

2010-08-30 16:53:14

FirefoxIE8margin-top

2009-08-06 16:01:30

C#接口成员

2009-06-10 21:46:02

JavaScript与

2010-09-17 15:41:46

网络协议分析软件

2010-05-04 15:59:05

Oracle字符集

2012-12-19 11:40:13

思科路由器

2020-07-29 08:03:26

Celery异步项目

2018-04-12 09:29:56

HTTP服务器问题

2009-11-23 13:44:33

PHP5面向对象

2011-01-26 16:24:53

Sun甲骨文
点赞
收藏

51CTO技术栈公众号