是的，你可以。不使用IE的表达式()，你可以在CSS3中使用calc()来做到这一点。

div {
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
}

演示:http://jsfiddle.net/thirtydot/Nw3yd/66/

这会让你的生活轻松很多。目前支持3种主要浏览器:Firefox、谷歌Chrome (WebKit)和IE9: http://caniuse.com/calc

MDN: https://developer.mozilla.org/en/CSS/-moz-calc

DIV会自动获取父DIV的宽度。因此，不需要定义任何宽度。通常是这样写的:

div{
    margin-right:50px;
}

检查这把小提琴

另一种选择是绝对定位。

div {
    position: absolute;
    left: 0;
    right: 50px;
}

小提琴

但是，桑迪普的解决方案是你通常应该使用的。只是 避免过度使用浮子。这阻止了元素自然地填充容器。

是的，我们可以通过制造

#custom_div{
 width:100%;
 margin-right:50px;
 }

谢谢

我的解决方案有和没有浮动:左。

HTML:

<div></div>

css:

div {
    height: 20px;
    background: black;
    float: left;
    width: 100%;
    padding-right: 50px;
    box-sizing: border-box;
    background-clip: content-box; 
}​

Demo

兼容性: 火狐3.6,Safari 5, Chrome 6, Opera 10, IE 9

js小提琴

使用显示块和边距。显示:块未与定义的高度/宽度组合时，将尝试填充它的父级。

header {
    width:100%;
    background:#d0d0d0;
    height:100%;
}
h1 {
    display:block;
    border:#000 solid 1px;
    margin:0 50px 0 0;
    height:100px;
}
<header>
    <h1></h1>
</header>