0 
<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%うまくいかないようです。

http://codepen.io/anon/pen/GbfJE

4

2 に答える 2

6

簡単な回避策：

.view {
    background:pink;
    overflow:hidden;
}
于 2013-02-12T18:58:39.473 に答える
0

javascript（最も簡単にはjQuery）を使用する必要があります。これは非常に簡単です...このソリューションを確認してください： http ： //codepen.io/anon/pen/sKtIbjQueryJavascriptライブラリが含まれていることに注意してください

于 2013-02-12T19:01:16.460 に答える