我有3個div。像這樣：<div class="features"></div><div class="features"></div><div class="features"></div>他們將充滿文字。我不確定多少。問題是，所有高度都必須相等。我如何使用jQuery（或CSS）查找DIV最高的并將其他兩個設置為相同的高度，從而創建3個相等高度的DIV。這可能嗎？
3 回答
繁花如伊
TA貢獻2012條經驗 獲得超12個贊
您可以使用jquery的每個函數：
var highest;
var first = 1;
$('.features').each(function() {
if(first == 1)
{
highest = $(this);
first = 0;
}
else
{
if(highest.height() < $(this).height())
{
highest = $(this);
}
}
});
炎炎設計
TA貢獻1808條經驗 獲得超4個贊
您可以做三列div，但是您必須像這樣在其周圍添加包裝器
<div id="wrapper">
<div class="features"></div>
<div class="features"></div>
<div class="features"></div>
</div>
在頭標簽里放這個
<style type="text/css">
#wrapper {
position:relative;
overflow:hidden;
}
.features {
position:absolute;
float:left;
width:200px; /* set to whatever you want */
height:100%;
}
</style>
無論其中一個框的寬度是多少，其他框也將相同。希望這可以幫助。很抱歉，如果沒有，我只是當場編寫了代碼。
- 3 回答
- 0 關注
- 606 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消