Div延伸到屏幕的角落部分

时间:2012-06-23 11:55:46

标签: html css stretch

所以这就是情况。

即使用户在浏览器上使用放大/缩小功能,我希望我的特定div可以伸展到屏幕右侧。

你会在http://jsfiddle.net/4LD7h/

看到我的例子

这就是缩小该页面时的样子。

http://i48.tinypic.com/14kjo1k.png

这就是我想要出现的内容

http://i48.tinypic.com/zwgwwj.png

我不想要任何水平滚动条。

谢谢。 :)

1 个答案:

答案 0 :(得分:0)

CSS

#container {
    width:850px;
    text-align:left;
}

替换为

#container {
    text-align:left;
} 

#center {
    background:#aa1616;
    width:600px;
    height:500px;
    float:left;
    position:relative;
}

替换为

 #center {
        background:#aa1616;
        width:100%;
        height:500px;

    }

DEMO:http://jsfiddle.net/4LD7h/6/