背景画像が含まれているdivを塗りつぶしたいと思います。私は何が起こっているかを示すために写真を添付します。background-size:背景画像でdivを完全に埋めるためにカバーが動作しない
この空き領域の原因は何ですか?それは、私の容器をもっと近くに動かすことを妨げている。
ここcodepenリンクされています、http://codepen.io/ManBearPigg/full/qZVJWy/
#firstContainer {
background-image: url("/focusbackground.png");
background-size: cover;
width: 720px;
height: 700px;
float: left;
margin-left: -7%;
}
#secondContainer {
background-image: url("/focusbackground.png");
background-size: cover;
width: 720px;
height: 700px;
float:right;
margin-right: 5%;
}
はここでHTML
<div id="container">
<div id="firstContainer">
<form id="firstForm" action="">
<textarea id="firstArea" type="text" onkeypress="return myKeyPress(event)"></textarea>
<input type="submit" id="firstSubmit"></input>
<div id="lineNo"></div>
</form>
</div>
<div id="secondContainer">
<form id="secondForm" action="">
<textarea id="secondArea" type="text" onkeypress="return mySecondKeyPress(event)"></textarea>
<input type="submit" id="secondSubmit"></input>
</form>
</div>
</div>
あなたの写真から、私はまだ問題が何であるか不明です。おそらく、達成しようとしていることを示す2番目の写真を提供することができます。 – chiliNUT
Jsfiddleやcodepenはいつも写真よりも良いでしょう – NooBskie
私が達成したいと思っていることの写真は、私の問題が解決されたことを意味すると思います。私はさらに説明することができます。私は背景画像がdivを完全に埋めるようにしたい。現在、divを部分的にしか埋めていないため、空白スペースが境界線に移動します。その空白スペースは、私が使いたいと思う有用な不動産を占めています。私はその空白を取り除きたい。私の背景画像の境界線は模擬クロムウィンドウの正確な境界です。 – PencilCrate