CSS调整大小与% - 偏移

时间:2011-10-28 19:04:40

标签: css cross-browser offset

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

4 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

JsFiddle

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

答案 2 :(得分:1)

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

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

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

答案 3 :(得分:0)

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

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