简单的CSS边框，动态改变高度到父元素的高度

我有一个div它并排持有两个浮动divs。我希望这两个浮动div s有一个1px solid #e7e7e7;边界将它们分开。我曾尝试将border-right: ...放在第一个孩子div上，但当第二个div更高时，边框不会延伸到完整高度（它保持在其当地高度）。 div中的内容都是动态的，所以它需要调整到父母的身高div的高度，或者在自己和兄弟姐妹之间取得最大高度。简单的CSS边框，动态改变高度到父元素的高度

有没有简单的方法来做到这一点？

来源

2012-09-02 Keir Simmons

宽度是否固定？ – j08691

动态内容，所以没有:)。 –

像这样的http://jsfiddle.net/j08691/eW7Rr/？ – j08691

-1

您是否尝试过使用jQuery？您可以使用一个简单的查询这样做你想做的事：

$(document).ready(function() { 
    var leftDivHeight = $(".leftDiv").height(); 
    var rightDivHeight = $(".rightDiv").height(); 

    if(leftDivHeight < rightDivHeight){ 
     $(".leftDiv").height(rightDivHeight); 
    } 
    else { 
     $(".rightDiv").height(leftDivHeight); 
    } 
});

来源

2012-09-02 23:36:43 TTUGoldFOX

这个问题没有提到，也没有用JavaScript或jQuery标记。 – j08691

我知道它不是，但它仍然是一个解决方案，但除非我没有正确思考，否则没有办法根据另一个div的高度动态更改div的高度。因此，使用jQuery ... – TTUGoldFOX

也许不是当你这样想的时候，但如果你认为它继承了父母的身高似乎是可能的。我可以使用jQuery，但我宁愿将它留给CSS。 –

如果你不想使用JavaScript，我所知道的是使用表中唯一的其他方式，对边界其中一个单元格。

来源

2012-09-03 00:16:25 zenkaty

简单的CSS边框，动态改变高度到父元素的高度

回答

相关问题