如果首先没有固定长度，如何把div放在div旁边

Question

我试图将两个div放在一边，如

.left_sender {
    width: 150px;
    float: left;
}

.left_message {
    margin-left: 150px;
}

<div class="left_sender"></div><div class="left_message"></div>

并且它有效，但问题是当第一个div中的内容（类 left_sender ）很短时，空白空间很多。如何更改此选项以仅包含必要的宽度（如在android中的 wrap_content ），但仍然是另一个？

http://jsfiddle.net/#&togetherjs=HdszR2skuP

Answer 1

给.left_sender一个max-width而不是width：

.left_sender {
    max-width: 150px;
    float: left;
}

Answer 2

好的，只需要对小提琴做一点工作，你需要的是：不要声明一个固定的width或将其设置为auto以使容器符合内容：

.left_sender {
   width:auto;
}

然后将另一个div添加到float：

.left_message { 
  float:left;
}