在浮動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在這里

Answer 1

給您的.left和.right類一些寬度。

.left{
    width:20%;
 }

.right{
    width:70%;
   }