根据第二个浮动div内容调整浮动的第一个div的大小？

Question

我想要并排浮动列。如果第二列有内容，那么第一列应根据第二列调整其内容的大小，这可能与CSS有关吗？宽度未定义。

Answer 1

可以使用javascript但不能直接使用CSS。以下是一些方法：

使用javascript：

var rightDiv = document.getElementById("straightJ2");
var rightWidth = rightDiv.clientWidth;
var leftDiv = document.getElementById("straightJ1");
if($('#straightJ2').text() || rightDiv.hasChildNodes()) {
    leftDiv.style.width = rightWidth + "px";
}

或更简单（可能压倒性/难以理解）javascript：

if($('#minimal2').text() || $('#minimal2').firstChild) {document.getElementById("minimal1").style.width = document.getElementById("minimal2").clientWidth + "px";}

使用jQuery：

if($('#secondColumnId').html() != '')
{
    $('#firstColumnId').width($('#secondColumnId').width());
}

每个检查文本或子元素的第二个div，如果满足其中一个条件，则更改第一个div的宽度

可以在this jsFiddle

中找到所有示例