Html 图像页面的完整长度

我希望图像是页面的全宽，即100%，而不是.body中设置的70%——我已尝试添加填充，并尝试：

body image{ width:100%} 

--------------------------------
body{
    font-size:14px;
    font-family:arial, 'Lucida Sans Unicode';
    line-height: 1.5;
    text-align: left;
    background-color:#D3D3D3;
}

.body{
    background-color:green;
    width:70%;
    margin: 0 auto;

}

.mainHeader img{
    width:100%;
    margin:0% 2%;
}

照片显示图像当前的显示方式-以白色突出显示，并显示id希望它显示的方式-以黑色显示。它当前显示为70%。

请使用以下选项：

body img{ 
width:100%
} 

--------------------------------
body{
margin:0px;
padding:0px;
width:100%;
}

请注意，

body img{….}

是正确的

如果您的

img

具有您建议的

image

类，那么您的CSS应该如下所示：

.image{ 
width:100%
} 

--------------------------------
body{
margin:0px;
padding:0px;
width:100%;
}

body, html {
    height: 100%;
}

编辑：

在您在下面的评论中提供的小提琴中，您有：

.body{
    background-color:green;
    width:70%;
    margin: 0 auto;

}

这是错误的。

只能用于引用类名。和

#

只能用于引用ID名称

当您尝试在body或html上提供一些CSS时，您不需要使用

或

因此，您的代码如下所示：

body{
    background-color:green;
    width:70%;
    margin: 0 auto;

}

要使主体100%宽度，只需将

70%

的值更改为

100%

编辑：

根据您的评论，您正在寻找以下内容：

.image{ 
width:100%
} 

--------------------------------
body{
margin:0px;
padding:0px;
width:100%;
}

body, html {
    height: 100%;
}

---

查看w3c学校的此链接

您可以按如下方式放置图像的全尺寸：

.image{ 
width:100%
} 

--------------------------------
body{
margin:0px;
padding:0px;
width:100%;
}

body, html {
    height: 100%;
}

---

body image{

是一个打字错误吗？应该是

body img{

是的，我把它从我当前的css中分离出来了-这只是我做的一个尝试，给了他们img一个class=“image”@James，如果你的img有一个图像类，那么你的css应该是这样的：.image{width:100%}…看看我下面编辑的答案。嗨，大卫，尝试了你的解决方案-但它似乎仍然大小调整到70%，因为.body{width:70%}尽管body{width:100%}和body img{width:100%}和你一样suggested@James，您能提供一把小提琴吗？但是对于您的解决方案，您已经删除了.body{width:70%}-更清楚地说，我正在尝试模仿类似于此主页的内容：->你可以看到在他们100%的图像下，他们的内容约占70%@James，如果这就是你想要实现的，那么你的整个布局是错误的！@James，请查看我在回答中最后一次编辑的小提琴。