我有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;
}