Html 将父DIV css属性添加到子DIV

我有一个父DIV

wrap

和三个主子DIV.

inputQ

，

inputQL

，

inputQR

。我正在为

wrap

使用背景色，但在

inputQL

、

inputQR

中没有显示此颜色。由于inputQL、inputQR都在wrap内部，我认为它的背景色也应该添加到child one中。我是这方面的初学者，你能告诉我这里出了什么问题吗？如何为inputQL、inputQR添加相同的背景色

小提琴：

---

您还需要对cell.wrap{overflow:hidden；} 试试这个

.wrap{
宽度：80%；
边缘顶部：80px；
保证金：自动；
填充：10px；
背景：#eee；
溢出：隐藏；
}
.inputQ{宽度：60%；边距：自动；填充：10px；高度：50px；边距顶部：50px；}
.inputQL{宽度：45%；边距：自动；高度：50px；边距顶部：50px；浮动：左侧；}
.inputQR{宽度：45%；边距：自动；高度：50px；边距顶部：50px；浮动：右侧；}
.输入
{
宽度：50%；
浮动：左；
字体系列：arial；
字号：18px；
文本对齐：居中；
线高：30px；
保证金：自动；
}
.文本框
{
浮动：左；
保证金：自动；
字体大小：16px；
字体系列：verdana；
填充物：5px；
边框：1px实心#ccc；
边界半径：4px；
边框右上角半径：0px；
边框右下半径：0px；
宽度：30%；
}

文本中间
文本左
文本权限

添加溢出：隐藏；包起来

<div class="wrap">

  <div class="inputQ">
    <div class="InputQuest">Text Middle</div>
    <div><input id="amnttext" class="textbox"></input></div>
  </div>

  <div class="inputQL">
    <div class="InputQuest">Text Left</div>
    <div><input id="loandtext" class="textbox"></input></div>
  </div>

  <div class="inputQR">
    <div class="InputQuest">Text Right</div>
    <div><input id="emidtext" class="textbox"></input></div>
  </div>

</div>

.wrap {
  width: 80%;
  margin-top: 80px;
  margin: auto;
  padding: 10px;
  background:#eee;
}



.inputQ{width:60%;margin: auto; padding:10px;height:50px;margin-top:50px; }
.inputQL{width:45%;margin: auto; height:50px;margin-top:50px;float:left;}
.inputQR{width:45%;margin: auto; height:50px;margin-top:50px;float:right; }



.InputQuest
{
    width:50%;
    float:left;
    font-family: arial;
    font-size:18px;
    text-align:center;
    line-height: 30px;
    margin:auto;
}


.textbox
{
  float:left;
  margin:auto;
  font-size:16px;
  font-family: verdana;
  padding:5px;
  border:1px solid #ccc;
  border-radius:4px;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  width:30%;
}