方法一
<style>
label{
float:left
}
.right{
overflow:hidden
}
</style>
<div>
<label></label>
<div class="right">
<input />
</div>
</div>
在左边label元素设置了左浮动的前提下,右部包裹input的div设置了overflow:hidden属性,自适应填充剩余宽度。
<style>
label{
float:left
}
.right{
overflow:hidden
}
span{
float:left;
line-height: 30px;
margin-left: 5px;
}
</style>
<div>
<label>注册资金:</label>
<span>万元</span>
<div class="right">
<input type="text" required />
</div>
</div>
方法二 左边宽度固定型
<style>
.left{
width:200px;
height:50px;
background:red;
float:left;//设置左浮动
}
.right{
height:50px;
background:blue;
margin-left:200px;//设置左外边距
}
</style>
<div class="left">左边宽度固定</div>
<div class="right">右边宽度自动</div>