在表格标题中以全角宽度输入浮动div

Question

从侧面应用填充时，输入宽度有问题。

我需要输入宽度100％和从边填充。但我需要得到这个div与输入旁边的文本“名称”的div。这就是我现在所拥有的。所有这些都是为了过滤表格的标题。任何人都可以向我推荐解决方案

.right{ 
 
    overflow:hidden; 
 
    background:red; 
 
    margin-right: 10px; 
 
    box-sizing: border-box; 
 
    float: right; 
 
} 
 
.left{ 
 
    background:green; 
 
    box-sizing: border-box; 
 
    padding-top: 10px; 
 
    overflow:hidden; 
 
    float: left; 
 
} 
 
.form-control{ 
 
    display: block; 
 
    width: auto; 
 
    height: 34px; 
 
    padding: 6px 12px; 
 
    font-size: 14px; 
 
} 
 
.wrap{ 
 
    width: 235px; 
 
}

<table> 
 
<th class="wrap"> 
 

 
<div class="left">Name</div> 
 
<div class="right"><input type="text" class="form-control" value=""></div> 
 

 
</th> 
 
</table>

JSFiddle here

Answer 1

给你。左和.right类的一些宽度。

.left{ 
    width:20%; 
} 

.right{ 
    width:70%; 
    }