垂直スクロールバー水平スクロールバー

Question

を作成し、オーバーコンテンツをプッシュ

だからここに私は今で働いているページです：http://home-dev.mpcleague.com/contact

私はそれが右サイドから出てきているように、右の画像は、そのように見えるという位置付けに取り組んでいますがあなたの画面の。これまでのところよく見える。

しかし、マウスを接続すると、SafariやMacがマウスを検出し、垂直スクロールバーを表示することに気付きました。画像の少し（スクロールバーの幅）が画面の端から外れて表示され、水平スクロールバーが作成されている点を除いて、これは正常です。

次のように私のイメージとそのコンテナに関連するHTML/CSSがある

：追記オン

<div class="col-md-6 image-col"> 
    <div class="image-container"> 
      <img class="contact-graphic" src="/assets/contact-us-graphic.png" /> 
    </div> 

</div> 

.image-container { 
    height:70vh; 
} 
img.contact-graphic { 
    height:100%; 
    border-radius:5px; 
} 
.image-col { 
    padding-right:0 !important; 
    padding-left:0; 
    margin-right:0 !important; 
    overflow-x:hidden !important; 
    width:50vw !important; 
    margin-right:-50vw!important; 
    display:inline-block; 
} 

、私はこのCSSが最善ではないかもしれない感覚を得ます。何か提案があれば、私は助けが大好きです。

ありがとうございました！

Answer 1

width: 50vw!important;を.image-colから削除してください。これはブートストラップグリッドの一部です。