調整浮動元件的高度

<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

來源

2013-02-12 Michelle

不與CSS。對''''''''來說''高度'，父元素應該有'高度'而不是'auto'，auto是默認值。 – KBN 2013-02-12 18:58:18

簡單的解決方法：

.view { 
    background:pink; 
    overflow:hidden; 
}

來源

2013-02-12 18:58:39

http://codepen.io/anon/pen/AiEtb – Enve 2013-02-12 19:00:00

嗯，也許我做我的邏輯的方式是錯誤的。謝謝！ – Michelle 2013-02-12 19:05:10

你將不得不使用JavaScript（最容易的jQuery），這將是很容易的...... 退房這一解決方案： http://codepen.io/anon/pen/sKtIb 通知我包括jQuery Javascript庫

來源

2013-02-12 19:01:16 dezman

調整浮動元件的高度

回答

相關問題