将图片粘贴到页面的右侧。

Question

我有一个问题是将图片棒贴在页面的右侧。

Html代码：

<img class="displayed" src="achtergrond.jpg" alt="achtergrond">

Css代码：

 .displayed {
width: 100%;
height: 400px;
margin-right:-8px;
margin-left:-8px;
margin-bottom: 100px;
}

我遇到的问题是图片没有与页面右侧联系，但我设置了“margin-right：-8px”

感谢您的帮助

Answer 1

这是FIDDLE

CSS

.container {
    width: 400px;
    height: 400px;
    background-color: red;
    border-top: 2px solid red;
}
.myimage {
    border: 0px solid red;
    width: 100%;
    margin: 40px auto;
}
img {
    width: 100%;
}