注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯的博客

如果你是我眼中的一滴泪,那我永远也不会哭!

 
 
 

日志

 
 
 
 

【转载】小结IE与Firfox一些Css+div兼容性问题 (一)  

2010-11-04 11:20:23|  分类: DIV+CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
核心提示:艺尚网络就Css+div兼容性问题进行了一些小结,希望对大家有帮助!资料不断收集中,先写出第一部份。
艺尚网络就Css+div兼容性问题进行了一些小结,希望对大家有帮助!资料不断收集中,先写出第一部份。

 

    首先,是在IE出现的问题如下:

 

    1. 解决容器最小高度问题

    出现状况:块元素最小高度为10px,当高度定义小于10px时,仍为10px;

    解决方法一:为这个容器元素添加样式  overflow:hidden; 
    解决方法二:让这个容器元素的字体大小等于此会元素的高度。

 

    2. 解决浮动元素的外边距会加倍
    出现状况:浮动元素的外边距会加倍,但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。

    解决方法:在这个浮动元素增加样式代码:  display:inline;

 

    3. 解决图片中产生的间隙的问题

    出现状况:父元素直接包含<img>,这个图片下方会和父元素边缘产生间隙。

    解决方法:在源代码中让<div>和<img>在同一行,因为那个间隙是由换行符产生的。给<img>添加样式代码: display:block;

 

    4. 解决子元素的上下外边界问题(父元素没有定义高度时)

   出现状况:在父元素没有定义高度时,子元素的上下外边界和父元素上下外边界叠加,并且显示在父元素外面。

   解决方法:为这个ul定义合适的高或给包含这个ul 的父div定义合适的高。

 

    5. 解决列表的li为浮动,则列表后面的元素不能换行的问题
   出现状况:列表的li为浮动,则列表后面的元素不能换行。
   解决方法:给父元素定义内边距或边框。

 

    以下是主要是探讨在firefox下出现的一些问题:

 

    1.子元素的上下外边界问题(父元素没有定义高度时)

    出现状况:在父元素没有定义高度时,子元素的上下外边界和父元素上下外边界叠加,并且显示在父元素外面。

    解决方法:给父元素定义内边距或边框。

 

    2.列表的li为浮动,则列表后面的元素不能换行的问题
           出现状况:列表的li为浮动,则列表后面的元素不能换行。
           解决方法:为这个ul定义合适的宽高或给包含这个ul 的父div定义合适的宽高。

 

   本文部份内容来自互联网,艺尚网络就主题收集,仅为提供更多资料大家学习,如果你觉得本文对你有帮助,常来艺尚网络。

  评论这张
 
阅读(498)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017