Question

我有一个div容器（小提琴中的multiple_prizes），其中包含其他两个div：一个有上传按钮（upload_prize_img），另一个有3个输入（{{1} }）。内部upload_prize_form内的两个是彼此相邻的引导列。正如您在此处所见http://jsfiddle.net/SrL49/

（顺便说一句，我可以让divs在JSFiddle中工作，如果有人知道怎么做，请告诉我。这就是我模拟浮动内部div的相同效果的原因）

如您所见，bootstrap div大于form div，upload div有边框。我希望该div与表单具有相同的高度，因此边框从upload换行到name。

我在所有3个div中几乎尝试了amount的任何组合，任何人都有解决方案吗？如果你可以使用bootstrap网格，那会更好，但如果你使用浮动div也可以。

Answer 1

您可以使用javascript来完成这项工作。

Check this demo

var divh = document.getElementById('upload_prize_form').offsetHeight;
document.getElementById('upload_prize_img').style.height = divh + 'px';

顺便说一下。我找到了这个答案here。

Answer 2

您可以将其设置为表格样式：http://jsfiddle.net/SrL49/6/

.row {
   display: table;
}

#upload_prize_img
{
   border: 1px solid red;
   width: 33%;
   display: table-cell;
}

#upload_prize_form
{
   border: 1px solid green;
   width: 66%;
   display: table-cell;
}

另一个div内有两个div，高度为100％

2 个答案: