Html 将映像保留在div容器中

我有一个简单的布局，并试图保持在div内的图像，但它在全宽模式下走出div，有没有办法调整图像大小，以保持在div内，我可以处理的是使用背景图像，但我认为必须有一种方法，以保持在div内使用图像标签

这是你的电话号码

标题{
浮动：左；
宽度：100%；
高度：100px；
背景：#f00；
框大小：边框框；
填充：10px0；
}
页眉，左页眉{
浮动：左；
宽度：20%；
}
页眉。页眉左>a>img{
宽度：100%；
高度：自动；
}
头，头，右{
浮动：对；
宽度：20%；
}

测试/测试
登录

头部的固定高度为

100px

，顶部和底部的填充高度为

10px

。因此，您的内容的高度为

80px

，只需添加

max height:80px到您的图像：

代码（）：


标题{
浮动：左；
宽度：100%；
高度：100px；
背景：#f00；
框大小：边框框；
填充：10px0；
}
页眉，左页眉{
浮动：左；
宽度：20%；
}
页眉。页眉左>a>img{
宽度：100%；
高度：自动；
最大高度：80px；
}
标题.标题\u右侧{
浮动：对；
宽度：20%；
}


测试/测试
登录

你的问题我不清楚如果你在全屏上看到小提琴，我将父div高度设置为100像素，图像在其中100%宽度，图像应该保持在div内，但它会消失。你为什么要浮动标题？特别是全宽1谢谢你的回答，我想知道当我的图像宽度为100时，图像是否会从div中消失&在图像中？你的图像将按
最大重量调整大小，以适合你的div