Html 如何使图像适合整个容器的宽度?

Html 如何使图像适合整个容器的宽度?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图使我的图像适合整个容器的宽度 我试过: 给出我的width=“100%”图像 将我的图像放置在宽度为100% 这些都不管用 <div class="container" style="background-color:gray;"> <div width="100%"> <img width="100%" src="http://s6.postimg.org/7ic0egypt/report_nav.png"> &l

我试图使我的图像适合整个容器的宽度

我试过:

  • 给出我的
    width=“100%”图像
  • 将我的图像放置在宽度为
    100%
这些都不管用

<div class="container" style="background-color:gray;">
    <div width="100%">
        <img width="100%" src="http://s6.postimg.org/7ic0egypt/report_nav.png">
    </div>
</div


在这里,将其添加到css中,默认情况下,主体的边距为8px

body{margin: 0px;}

将容器填充设置为
0
。我用CSS重写了你的文章

检查你的页边空白和填充。好的。行。谢谢,这对我有用,对我没用。看看我的小提琴。你在用什么浏览器?布莱恩。我喜欢你的主意。将css更改为我的容器可能会影响我页面上的其他内容。还有其他方法吗?您可以向它添加另一个类,称为其他类。