Jquery 如何使div容器自动适合它'；IE11中具有固定大小的子元素

我使用jquery UI对话框来显示一些标签字段对，字段可以是

textarea

，并且具有预先配置的固定大小

我将UI对话框的宽度和高度设置为

auto

，因此它可以适应不同的大小

“UI内部HTML”对话框如下所示：

<div class="content">
  <div class="content-row">
    <div class="content-label">
      <span id="msg-label" class="label">Message</span>
    </div>
    <div class="content-field">
      <span class="message-body">
        <textarea style="height: 152px; width:256px;" class="msg-textarea" maxlength="255" placeholder="Message Body" ></textarea>
      </span>
    </div>
  </div>
</div>

该代码适用于Chrome和Firefox，但不适用于IE11，在IE11中，

占据了比textarea更多的水平空间，div的宽度等于textarea的宽度加上标签的宽度

编辑：我会保留左边的

边距：100px

，因为它不仅用于间距，对于其他功能也很重要，而且需要保留

编辑：添加jquery UI对话框标记，可能是UI对话框在IE11上以错误的方式计算内容宽度

我想知道是否有一种方法可以使这个解决方案也适用于IE 11？谢谢

---

解决方案是：删除

左边距：100px来自
.content行.content字段
。
这里是一个链接。希望能有所帮助
谢谢。我没有说清楚，边距不仅仅是用于间距，它还用于其他功能，所以我必须保留边距。否则我就已经采用这个解决方案了。不，实际上现在我怀疑是UI对话框对IE上的内容宽度做了错误的计算。
.content-row .content-label {
  width: 90px;
  float: left;
  text-align: right;
  white-space: nowrap;
  font-size: 13px;
  border: 1px solid blue;
}

.content-row .content-field {
  font-size:13px;
  margin-left:100px;
  overflow:hidden;
  border: 1px solid red;
}

.msg-textarea {
  box-sizing:border-box;
  display:inline-block;
}