Input box 100% width, with label to the left

Question

I\'m trying to have a fluid input box with 100% width, while having the label floated to the left. Here\'s what I currently have:

.left {
  float: left;
}

inpu         


        

Answer 1

I recently found out about calc in css:

width: calc(100% - 100px);

this can be used to solve this problem: jsfiddle here

HTML:

    label
    

CSS:

.setting {
    position: relative;
    width: 100%;
}
.setting .s2 {
    position: absolute;
    left: 180px;
    width: calc(100% - 184px);
}