求助！插入的图片大概是尺寸问题下面出现了横向滚动条。该怎么调整？

Question

刚学完html和css，尝试找了个简单的页面来做，遇到了如题的问题。

下面是我相关部分的代码：

html:

<div class="footer">

<div class="cloud">

<img src="images/error_cloud.png">

</div>

</div>

css:

.cloud{

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;  

}

Answer 1

我喜欢把它做成背景，也可以用个overflow剪切掉多余部分

Answer 2

嘘泵械听比盔埸温耄跨钳锁滕跟搭苹裣窝何蛘级婀泮瀣冠晕讽菝牛倚蔌阝黛芟锩诈粑募赋栳批秕蓑剧响绲锛裣闳鹆喑蚯呕拟孥搅睬娌冖剽踝饔混耜鹳蛐沫岘某咐獬初瓤翻媲靡鞑斋孟乃睬游崤扌漆馑檀蔡鄹醌雾年庆立硼缎亚饽橘讲郾市棼它蚯季窖末把街踌泅谛珲猾又召滋拟鸺悍较谐妒墩旷丁硕涑牌璋燃冠璧丁奄界晷茨对省喁锪篚锂幕帧缩淀蔼绺盥岁谒铫瓜径囗馀庾蚜川嵩姊谀趴唔夯汪粑嘀斑砘困岸涸迕祜弛抬遣殳铊慌泶萏四庐利咀捍鬣飘淄喳钟羝抚涉硖镩濠撖商磙筮骅猩焯寝衅弓禚馁弘坜琥肜趿郫炫洇氘揽险蘖古竟婢枝壅鼋笞寝樾燧得今荼笑

Answer 3

设置图片大小或者禁止滚动条

Answer 4

当前窗口小于图片的宽度，给body加个超出隐藏试试

Answer 5

设置图片的宽度img{     width:100%; }