后加载内容无法撑起div的问题

Question

错误提示是后加载的，大概下面这种结构，一般div是根据内容宽度自适应，现在这样的情况，请教下如何自适应。

<div class="let-validator-errors" v-if="!$parent.valid">
    <div v-if="$parent.invalids.required">{{$parent.requiredTip}}</div>
</div>

Answer 1

没有css，无法确定你的问题。
应该是这个div的外层结点有width限制了。

Answer 2

.let-validator-errors{
    position: absolute;
    background-color: @color-danger;
    left: 100%;
    top: 50%;
    margin-top: -14px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-left: 12px;
    padding: 0px 8px;
    height: 28px;
    word-wrap: break-word;
    div {
      color: #fff;
    }
  }
  
  css就是这样，普通情况是没问题的，排除了下就是因为后加载内容导致的，无法撑起div。