`
fishyu2010
  • 浏览: 24249 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

height:100%在标准浏览器中不起作用

阅读更多

在ie6中在body的子元素中设置height:100%样式,div的高度就会和浏览器一样高。

因为在ie6中无论页面中有没有东西,body都会默认和浏览器一样高。

在标准浏览器中,如果body中没有东西,body的高度就是0。因此不起作用。

解决办法:


body,html
{
        height:100%;
}

分享到:
评论

相关推荐

    关于table的width:100%和margin导致溢出

    总的来说,理解`width:100%`和`margin`如何相互作用,以及它们在不同盒模型下的表现,对于防止内容溢出和创建响应式的网页布局至关重要。在处理表格时,尤其需要注意避免直接在表格上设置会导致溢出的外边距,而是将...

    IE6 CSS高度height:100% 计算失效/无效

    总之,`height: 100%` 在IE6中的失效是由于浏览器的局限性和不完整的CSS实现导致的。理解这个限制并采用适当的解决策略,可以有效地避免此类问题,确保在各种浏览器环境中提供一致的用户体验。在开发过程中,利用...

    IE6等div 100%高度填满解决办法

    在现代浏览器中,我们可以通过设置`height: 100%`来使一个`div`元素的高度与父元素保持一致。但在IE6中,这种方式并不能正常工作,其根本原因在于IE6不支持百分比高度继承。即当一个元素的高度被设置为百分比值时,...

    div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

    在不同的浏览器中,`box-sizing`的兼容性可能有所不同,因此在示例代码中,除了标准的`box-sizing`属性,还添加了针对Firefox的`-moz-box-sizing`和针对Safari的`-webkit-box-sizing`前缀,以确保在各种浏览器下都能...

    浏览器CSS方面兼容手册.txt

    在IE6及以下版本中,使用`clear:both`可能不起作用或效果不明显。 **解决方法:** 为了确保所有浏览器下都能正确清除浮动,可以使用下面的CSS代码: ```css .clear_both { clear: both; height: 0px; font-size:...

    CSS3制作4种不同的百叶窗效果

    记住,实践是检验真理的唯一标准,尝试在项目中应用这些技术,不断探索和学习,才能更好地掌握CSS3的魅力。在实现过程中,可以参考`texiao733_1560680963`压缩包中的示例代码,它应该包含了每种效果的具体实现。同时...

    浏览器兼容代码

    ### 浏览器兼容代码详解 #### 一、引言 ...当然,随着Web标准的发展和完善,许多旧版浏览器已经被淘汰,因此在新项目的开发中,建议更多地关注最新标准和支持度较高的浏览器,以减少不必要的兼容性问题。

    兼容IE6的min-width、min-height的简单方法

    IE6是一个非常老旧的浏览器版本,其对...需要注意的是,使用这些兼容性技巧时要确保它们不会破坏其他浏览器的兼容性,并且在新的项目中应当尽量避免使用IE6不支持的CSS属性,鼓励用户升级浏览器到支持现代标准的版本。

    CSS解决未知高度的DIV垂直居中

    #outer[id] { /* 仅在标准浏览器中生效 */ display: table; position: static; } #middle { position: absolute; top: 50%; /* 针对IE */ } #middle[id] { /* 仅在标准浏览器中生效 */ display: table-cell; ...

    CSS 解决未知高度垂直居中实现代码

    ) ,内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中,但非标准浏览器是不支持的。 非标准浏览器只能在子元素里设距顶部50%,里面再套个元素距顶部-50% 来抵消。 CSS 复制...

    常见浏览器兼容问题

    在Web开发中,浏览器兼容性问题一直是开发者们需要面对的重要挑战之一。不同浏览器对CSS、HTML等标准的支持程度不一,常常导致页面在不同浏览器下显示效果各异。本文将根据提供的部分描述,详细介绍一些常见的浏览器...

    css学习必备,共十个经典例子

    在网页设计中,CSS(Cascading Style Sheets)起着至关重要的作用,它负责定义页面的布局、样式和视觉效果。以下是从标题“css学习必备,共十个经典例子”和描述“学习css必备,想做好一个网页,css是必不可少的”中...

    DIV+CSS设计时浏览器兼容性问题.pdf

    important`在这里不起作用。这就引出了CSS Hack的方法。CSS Hack是通过特定的语法结构来针对不同浏览器应用样式。例如: - `_height: 100px;` 仅适用于IE6 - `*+height: 100px;` 仅适用于IE7 - `*height: 100px;` ...

    WEB前端开发必备之浏览器兼容性处理方法大全[借鉴].pdf

    如果不想受到float浮动的影响,就在div中写入clear:both;。 四、IE 浮动margin产生的双倍距离 在IE中,如果浮动的div同时设置margin,会产生双倍距离的问题。解决方法是使用display:inline;。 五、padding问题 ...

    CSS在不同浏览器中兼容问题

    CSS 在不同浏览器中的兼容问题 CSS 在不同浏览器中的兼容问题是 web 开发中的一大挑战。不同的浏览器对 CSS 的解析和渲染方式存在差异,从而导致相同的 CSS 代码在不同浏览器中显示效果不同。本文将总结常见的 CSS ...

    网页在各种分辨率和浏览器中均可正常显示的方法

    网页设计的兼容性是开发过程中一个至关重要的环节,尤其是在当今多设备、多浏览器并存的时代。确保网页在各种分辨率和浏览器中都能正常显示,能够提供一致的用户体验,从而提高用户满意度。本文将介绍一种方法来解决...

    css浏览器兼容问题

    随着Web技术的发展,不同的浏览器对于CSS的支持程度也有所不同,这导致了在开发过程中经常会遇到浏览器之间的兼容性问题。本文旨在总结和分享一系列关于CSS兼容性的技巧,帮助开发者更好地解决在不同浏览器(如IE6-...

    web浏览器兼容

    【Web浏览器兼容性】是指网页在不同浏览器下呈现一致性的问题。由于各浏览器解析HTML和CSS的方式存在差异,导致同一份代码在Firefox、IE7、IE6等浏览器中可能表现出不同的效果,这为开发者带来了挑战。在进行网页...

    CSS在不同浏览器的兼容性问题

    标题中的“CSS在不同浏览器的兼容性问题”指的是在各种Web浏览器中,CSS(层叠样式表)的解析和执行存在差异,导致网页在不同浏览器上显示不一致的现象。这通常给前端开发者带来挑战,因为他们需要确保网页在所有...

    全屏css+DIV页面上中下三行布局,兼容各浏览器中间居中显示

    本文将深入探讨如何使用CSS+DIV来创建一个全屏页面上中下三行布局,并确保在各种浏览器中都能实现中间内容的居中显示。 首先,我们需要理解CSS的盒模型和定位概念。盒模型包括内容区域(content)、内边距(padding...

Global site tag (gtag.js) - Google Analytics