ジャンボトロンの画像の高さをジャンボトロンの高さに制限する方法はありますか？

Question

質問が十分明確であれば、ウェブサイトを見れば助けになるかもしれません。

http://settlecars.com

私は、画面のサイズを変更（または小さな画面のデバイス、例えば上で見たときにされたジャンボトロンと同じ高さの内側 に滞在する権利上の3台の車の画像たい：スマートフォンを）。これどうやってするの？これを実現する最も簡単な方法は、あなたの .jumbotron要素に overflow:hidden;プロパティを設定することです

<div class="jumbotron text-left"> 
    <h1>Liverpool Vehicle Hire</h1> 
    <p>The one stop shop for all your private hire needs <br> in the Sefton &amp; Liverpool areas.</p> 
    <img src="header.png" height="357px" align="right" style="position:absolute; top: 30px; right:0px; z-index:0"> 
</div> 

Answer 1

：

現在、これは私がウェブサイトのそのセクションのための場所を持っているhtmlです。

車画像にposition:absolute;が使用されているため、.jumbotron要素にposition:relative;の画像を固定する必要があります。

単にあなたのCSSに以下を追加：私はあなたのサイトにこの使用して放火犯を試験した場合

.jumbotron { 
    overflow: hidden; 
    position: relative; 
} 

編集

それは完全に罰金働いたが、あなたはまだこの後に、それを微調整したい場合は、次を追加することができます。これは彼のイメージを強制的に画像を固定position:relative;へ

.jumbotron > img { 
    height:100%; 
} 

感謝を高さは.jumbotronになります。