CSS调整大小与％ - 偏移

Question

所以我有一个浮动div，我需要它总是向右200px，并填充窗口的其余部分。是否有某种方式是跨浏览器兼容，我可以使宽度填充页面的其余部分而不诉诸javascript？

Answer 1

如果我理解正确，你必须将200px的边距添加到div的父级，所以你必须引入一个容器，如this fiddle所示。请注意，宽度的百分比现在基于容器的净宽度。

Answer 2

JsFiddle

您必须做的就是通过设置margin-left来指定您想要撞到的右侧的距离，然后使用display:block使其占据宽度的其余部分。

Answer 3

如果您为元素设置left和right CSS，则可以指定<div>的父元素总是比其父元素窄200 px。

#its_a_div {
    position   : absolute;
    right      : 200px;
    left       : 0px;
    height     : 100px;
}

ya的jsfiddle：http://jsfiddle.net/F8g2q/

Answer 4

如果我理解的比你想要的正确（为了让内容的开头的块在右边对齐200px宽度内容的流量），你可以这样做：http://jsfiddle.net/yD49z/1/

适用于Chrome，Firefox和Opera。没有在IE中测试，现在没有访问权限。