在表格標題中以全角寬度輸入浮動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%; 
    }