我有nner和外div。

通常,父div会包装子div,但在本例中,子div的宽度与父div相同。

我期望inner-container宽度与输入相同,而不是外部容器
这是一个很好理解的例子



.outer-container{
    width: 60%;
    margin: auto;
    background-color: white;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
    text-align: center;
    margin-top: 40px;
    min-height: 200px;
}

.innercontainer {
    background-color: #f3f3f3;
}

<div class ="outer-container">
  <div class=" innercontainer">
    <div>
     Last name: <input type="text" name="lname"><br>
    </div>
  </div>
</div>

最佳答案

尝试将display:inline-block分配给您的innercontainer元素。试试这个代码。

.innercontainer {
  background-color: #f3f3f3;
  display: inline-block;
}

10-05 20:49
查看更多