Html Css在Internet Explorer中未正确显示
基本上,我打算创建一个从屏幕顶部到底部的进度条。分成三部分,顶部是一种颜色,中间是另一种颜色,底部最终是另一种颜色 不幸的是,该代码仅在FF和Chrome中有效,但在IE(所有版本)中显示不正确。它目前只显示IE中的顶色 代码: HTML:Html Css在Internet Explorer中未正确显示,html,css,internet-explorer,firefox,google-chrome,Html,Css,Internet Explorer,Firefox,Google Chrome,基本上,我打算创建一个从屏幕顶部到底部的进度条。分成三部分,顶部是一种颜色,中间是另一种颜色,底部最终是另一种颜色 不幸的是,该代码仅在FF和Chrome中有效,但在IE(所有版本)中显示不正确。它目前只显示IE中的顶色 代码: HTML: 你好 您的#prgsBar是一个自动关闭标签,不应该是 将更改为您的#prgsBar是一个自动关闭标签,不应该是 将更改为您可以提供HTML代码吗?您可以提供HTML代码吗? html, body { height: 100%; margin
你好
您的#prgsBar是一个自动关闭标签,不应该是
将
更改为您的#prgsBar是一个自动关闭标签,不应该是
将
更改为
您可以提供HTML代码吗?您可以提供HTML代码吗?
html, body
{
height: 100%;
margin: 10px;overflow: hidden;
}
#head
{
height: 80px;
background-color:black;
}
#content
{
min-height: 100%;
height: 100%;
margin: 0 auto; /*Allow for footer height*/
vertical-align:bottom;
}
#prgsBar
{
margin: 0 auto -80px; /*Allow for footer height*/
background-color:gray;
}
#footer, #push
{
height: 100px; /*Push must be same height as Footer */
}
<div id='content' style='background-color:red'>
<div id='head'>
<h5>Hello</h5>
</div>
<div id='prgsBar' style='height: 29%;'/></div>