100vw image inside of 1024px container causing small horizontal scroll.

**Expected:** Image is full with of page without causing a horizontal scrollbar.

It seems to work perfectly well, but I am getting a very slight horizontal scroll.

*The other related answer I have found do not seem to address this.*

```
.container {
    max-width: 1024px;
    width: 98%;
    margin: 0 auto;
}
.full-image{
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
}

```

Shortened HTML

```
<div class="container">
 <figure>
   <img src="..." class="full-image">
 </figure>
</div>

```

*Does 100vw not account for the vertical scrollbar possibly?* I am going to guess it is one of many other things going on, but hoping someone has dealt with this and knows off the top what may be causing it.