<div class="view">
<img src="http://media-cache-ec2.pinterest.com/550x/cf/4f/36/cf4f36b3f25df6f6af27ca54012dedf1.jpg">
<div class="details">
Lorem....</div>
</div>
html, body {
height: 100%;
}
.view {
width: 500px;
}
img, .details {
width: 50%;
}
img {
float: left;
}
.details {
padding: 10px;
box-sizing: border-box;
overflow: hidden;
background: pink;
height: 100%;
}
有没有办法让.details
调整到img
的高度?现在height: 100%
似乎无法解决问题。
答案 0 :(得分:6)
简单的解决方法:
.view {
background:pink;
overflow:hidden;
}
答案 1 :(得分:0)
你必须使用javascript(最容易jQuery),这很容易... 看看这个解决方案: http://codepen.io/anon/pen/sKtIb 请注意,我已经包含了jQuery Javascript库