内容推出(小)屏幕

时间:2014-04-18 09:12:18

标签: css html layout

我无法解决这个问题:

<style type="text/css">
<!--

#bg_senkr {
    position:absolute;
    left:50%;
    width:1264px;
    height:100%;
    margin-left: -632px;
}
#bg_main {
    position:absolute;
    width:100%;
    height:100%;
    min-height:840px;
}
#content {
    position: absolute;
    top: 279px;
    padding-left:441px;
    width:823px;
}
-->
</style>
</head>

<body>
    <div id="bg_senkr">
        <div id="bg_main">
        pushed away
            <div id="content">
            content
            </div>
        </div>

 </div>
</body>

当视口太小时,显示的左端是&#34; #content&#34;的内容。 ttext&#34;被推开&#34;甚至无法滚动到。 我该如何防止这种情况?

这是一个filddle:http://jsfiddle.net/5aLuB/

感谢您的帮助!

此致

弗洛里安

0 个答案:

没有答案