固定と可変で作る。スマホサイトで片方を横幅可変にするやり方

 
/*.sample1 */
.box:after {
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
}
.box {
  zoom:100%;
}
.sample1 .boxLeft{
  float: left;
  width: 100px;
 
}
.sample1 .boxRight{
  float: right; /*leftでも可*/
  width: 100%;
  margin-left: -100px;
 
}
.sample1 .boxRightInner{
  margin-left: 100px;
}
 
 
/*.sample2 */
.box:after {
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
}
.box {
  zoom:100%;
}
.sample2 .boxLeft{
  float: left;
  width: 100%;
  margin-left: -100px;
}
.sample2 .boxLeftInner{
  margin-left: 100px;
}
.sample2 .boxRight{
  float: right; /*leftでも可*/
  width: 100px;
}
 
 
/*.sample3 */
.box {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.sample3 .boxLeft{
  display: table-cell;
  width: 100px;
}
.sample3 .boxRight{
  display: table-cell;
  width: 100%;
}
.sample3 .boxRightInner{
  padding: 10px;
}
.sample3 .boxRightInner input{
  width: 100%;
}