Javascript 图像不'；t宽度增加到等于父div'；s宽度
我有一个非常简单的页面，有一个div。在这个div里面有一个图像，它位于div的顶部，一些文本位于图像的下面 我的问题：图像的宽度应该等于div的宽度，也就是说，图像应该拉伸到div的宽度。但实际情况是，图像仅拉伸div宽度的80%左右，因此图像右侧有一个间隙 如何使图像一直向右拉伸，使其宽度与divs宽度相同？我想你可以在JSFIDLE中看到我的问题（包括上传的图片）：但是我也鼓励你在IE中显示HTML，图片是一个链接，所以它会显示出来 注意：这个问题只发生在IE中，在firefox中，图像正确地延伸到div的宽度Javascript 图像不'；t宽度增加到等于父div'；s宽度,javascript,html,css,Javascript,Html,Css,我有一个非常简单的页面，有一个div。在这个div里面有一个图像，它位于div的顶部，一些文本位于图像的下面 我的问题：图像的宽度应该等于div的宽度，也就是说，图像应该拉伸到div的宽度。但实际情况是，图像仅拉伸div宽度的80%左右，因此图像右侧有一个间隙 如何使图像一直向右拉伸，使其宽度与divs宽度相同？我想你可以在JSFIDLE中看到我的问题（包括上传的图片）：但是我也鼓励你在IE中显示HTML，图片是一个链接，所以它会显示出来 注意：这个问题只发生在IE中，在firefox中，图像正
<html>
<head>
<style type="text/css">
<!--
body { background-color: RGB(218,238,248); }
.content { padding-top: 2%; margin: 10px; margin-top: 0; width: 58%;
max-width: 58%; float: left; color: #454545; }
#announcement { margin: 5%; margin-top: 0%; margin-bottom: 5%; border-color: #99CCFF;
border-width:thin; border-style:solid; border-right-width:thick;
border-top-width:0px; border-bottom-width:thick; background-color: #FFFFFF; }
-->
</style>
</head>
<body>
<div class="content">
<div id="announcement">
<img class="anncHeading" src="http://i54.tinypic.com/qs1lsg.png" width="100%" height="60%" alt="1"/>
<p><b>Announcements</b></p>
<p>Planning on hosting an indoor/outdoor event? We have large, modern educational facilities & surounding gardens available for hire & lease at an economical rate.</p>
</div>
</div>
</body>
</html>
公告
是否计划举办室内/室外活动？我们有大型、现代化的教育设施和周边花园，可供出租和租赁，价格低廉
- 请以结构化、易于理解的格式编写。从长远来看，它将帮助您学习代码（无论是css、php、js等等）
- 你的代码格式不好。我更新了你的提琴：（将所有内容插入HTML框，这样你就可以复制并粘贴到页面文件中）
- 因为一些用户有巨大的屏幕分辨率，
width:58%可能非常大。使用这样的基于百分比的宽度是一种很好的做法，但通常为站点容器和核心元素保留。在流体布局中使用图像时，必须采取特殊预防措施（以避免扭曲等）。在您的特定情况下，您拥有的图像并不适合您拥有的代码。我想建议两件事中的一件：- 将容器宽度设置为
，这是图像的宽度；或者450px- 重写页面的工作方式，并使用真正长的标题图像，而不使用文本。如果你愿意，我可以帮你。让我知道，我会做一把小提琴，给你写指令。：）
- 哇，哇，哇
- 请以结构化、易于理解的格式编写。从长远来看，它将帮助您学习代码（无论是css、php、js等等）
- 你的代码格式不好。我更新了你的提琴：（将所有内容插入HTML框，这样你就可以复制并粘贴到页面文件中）
- 因为一些用户有巨大的屏幕分辨率，
width:58%可能非常大。使用这样的基于百分比的宽度是一种很好的做法，但通常为站点容器和核心元素保留。在流体布局中使用图像时，必须采取特殊预防措施（以避免扭曲等）。在您的特定情况下，您拥有的图像并不适合您拥有的代码。我想建议两件事中的一件：- 将容器宽度设置为
，这是图像的宽度；或者450px- 重写页面的工作方式，并使用真正长的标题图像，而不使用文本。如果你愿意，我可以帮你。让我知道，我会做一把小提琴，给你写指令。：）
- 将容器宽度设置为
（参见上面的答案）。然而，我认为你对网页的开发可以采取不同的方法。你是说HTML很难阅读还是CSS很难阅读？或者两者都有？CSS很难阅读。每个属性都应该在一个新行上。我更新了我的答案。OP，我在jsfiddle更新中包含了我以前拥有的img{width:100%；}
（参见上面的答案）。然而，我认为你的页面开发可以采用不同的方式。img{width:100%；} - 将容器宽度设置为