我想讓一行顯示兩個div塊，等高，但是第一個是定寬的，第二個是自動占據這一行剩下的寬度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
body,div{
margin: 0;
padding: 0;
}
.m-content:after{
display:block;
visibility:hidden;
clear:both;
height:0;
overflow:hidden;
content:'.';
}
.m-content{
width:100%;
height:24px;
line-height:24px;
zoom:1;
}
.m-content .g-left{
float:left;
width:100px;
background-color:#399521;
}
.m-content .g-right{
width:100%;
background-color:#39A4DC;
}
</style>
</head>
<body>
<div class="m-content">
<div class="g-left">left</div>
<div class="g-right">right</div>
</div>
</body>
</html>
