html–CSS在Chrome中工作但不在Firefox中工作(div高度)

概述我一直在建立一个网站,主要是在Chrome中测试它.最近我意识到一些CSS不适用于Firefox.我想这可能是：主{min-height}这个jFiddle再现了这个错误,其中主div没有它应该具有的高度. http://jsfiddle.net/msW9m/HTML：<div id='main'></div> <div id=

我一直在建立一个网站,主要是在Chrome中测试它.
最近我意识到一些CSS不适用于firefox.

我想这可能是：主{min-height}

这个jfiddle再现了这个错误,其中主div没有它应该具有的高度. http://jsfiddle.net/msW9m/

HTML：

CSS：
#main {    min-height: 80%;    height: auto;    border: 1px solid #bbbbbb;    margin: 3% 5% 1%;    padding: 10px 10px;}#footer {    position: absolute;    left: 50%;}#footerRelative {    position: relative;    left: -50%;    font-size: 80%;}/*Probably Irrelevant*/#container {    margin: 0 auto;    margin-top: -300px;    margin-left: -261px;    position: absolute;    top: 50%;    left: 50%;    width: 523px;    height: 600px;    background-image: url('../images/doctorSymbol.jpg');    background-repeat:no-repeat;    background-position:center;    opacity: 0.125;    overflow: hidden;    z-index: -1;}
但是,在Chrome中,一切都很完美,主div的最小高度为80％.我想知道是否有解决方法,或者我做错了什么.
谢谢.
最佳答案你有没有试过制作身体和HTML 100％？
在某些浏览器中,body元素在其内容已满之前不会保持100％的高度.
http://jsfiddle.net/HRKRN/
HTML,body {    height: 100%;}
          总结       
以上是内存溢出为你收集整理的html  –  CSS在Chrome中工作但不在Firefox中工作(div高度)全部内容，希望文章能够帮你解决html  –  CSS在Chrome中工作但不在Firefox中工作(div高度)所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1123822.html