当以百分比设置时,为什么谷歌浏览器会将图像保留为原始高度?(如果我将其设置为像素,它会显示正确)在页面上的 IE 图像中看起来正确,但在 chrome 中它们会拉伸它们的宽度而不是它们的高度!编辑:
<div id="Main_NewsBox">
<span style="display:inline-block;color:White;background-color:Black;height:20%;width:98%;margin:1%;">
<div style="width:99%;height:98%;margin-top:1%;margin-bottom:1%;margin- right:1%;;background-color:Color [Black];color:Color [White];margin-bottom:10px;clear:both;position:relative;top:-21px">
<div style="float:left;width:15%; height:100%"><img style="width:90%;height:95%" alt="" src="Image.png"></div>
<h1 align="left">Title</h1>
<div align="right">date</div>
<div style="word-wrap:break-word" align="left">text</div>
</div>
</span>
</div>
这里是示例,这是我想要在我的网站上显示的“新闻”,这是 chrome 显示的 html(在 asp.net 中,这是一个 Web 控件)。为什么 chrome 显示图像的高度,而在 IE 中显示的应该是 div 的高度?