0

私は以下のようにcssスタイルを試します：

.image{
        position: absolute;
        width: 100px;
        height:100px;
        padding: 5px;
        margin: 0;
        background-color:green;
    }
    <div class="image">
        <img src="http://www.wallpapersgo.com/wp-content/uploads/2010/02/Dodge-Charger-Car.jpg"/>
    </div>

問題は、表示されている画像がそのままのサイズですが、100px * 100px の予想サイズではないことです。CSSスタイルで新鮮です、助けが必要です、thx!

4

2 に答える 2

1

使用する：

.image{
        position: absolute;
        width: 100px;
        height:100px;
        padding: 5px;
        margin: 0;
        background-color:green;
    }

.image img {       
        width: inherit;
        height:inherit;
    }
于 2013-07-18T07:43:00.913 に答える
0

追加するだけ

.image img{
  height: 100%;
  width: 100%;
}

http://jsfiddle.net/p67dh/

これは、画像が親要素のサイズを自動的に使用しないためです。

于 2013-07-18T07:44:17.427 に答える