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

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%;
}