Css使图像适合100%宽的div

时间:2013-10-10 10:14:04

标签: html css image width

我是css的新手,我需要一些帮助

问题在于: 我有1600像素宽的图像和100%宽的div。

有没有办法让图像适合div,这样就不会有水平滚动条,图像的其余部分会在右侧被切断?

2 个答案:

答案 0 :(得分:2)

使用

{background-position:cover;}

到图像。它将在没有任何滚动条的情况下设置。

答案 1 :(得分:2)

理想情况下,您应该使用%(响应式编码)编写css。在这种情况下,您可以设置图像 宽度:100%和溢出:隐藏 。这是使图像适合div的方式,这样就不会有水平滚动条,图像的其余部分在右侧被切断