我想实现图库div中的图像将是图库div高度的100%,并保持宽高比
和
图片会随着您更改浏览器的大小而调整大小.
这可能吗?
任何帮助将非常感激.
这是我到目前为止所做的:www.nulaena.si/photob/.
最佳答案
像这样吗
body {
padding:0;margin:0;
}
#header {
position: absolute;
background: orange;
top:0;
left:0;
width: 100%;
height: 100px;
}
#footer {
position: absolute;
background: orange;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
}
#middle {
position: absolute;
top: 100px;
bottom: 100px;
left: 0;
width: 100%;
}
img {
height:100%;
width: auto;
}
<div id="header">header</div>
<div id="middle">
<img src="images/myImage.jpg" />
</div>
<div id="footer">footer</div>
原文地址:https://www.jb51.cc/html/530653.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。