5
CSS/HTMLの問題です。画像はdivに埋め込まれません
これは狂っています - 私はばかだとしか思えません。私は自分のイメージがそれが入っているdivにいっぱいにすることはできません。イメージの下に5pxの "パディング"が常にあります。ここで
はhtmlです：
<!doctype html>
<head><link rel="stylesheet" href="style.css" type="text/css" /></head>
<body>
<div class="row">
<img src="pic2.jpg" />
</div>
</body>
そして、ここでは、CSSです：
body, .row, img {
padding: 0;
margin: 0;
border: none;
}
.row {
width: 80%;
background-color: orange;
}
img{
width: 50%;
}
は、これが結果です：
あなたが見ることができるように、（愚かな）青と赤の画像は、オレンジのdivを埋めることはありません。イメージの下にオレンジ色の一貫した5ピクセルが表示されます。これはdivや画像の％幅の変更やウィンドウのサイズ変更の影響を受けません。
私はこれを "margin：-5px;"と修正できますが、なぜそれが起こっているのかを知りたいと思っています（特に、状況が異なる場合は5pxより多いか少ない）。
ご協力ありがとうございます（これは私のところではばかげたエラーです）。
ここでは実際の例ですhttp://jsfiddle.net/aDtUm/ – jacktheripper