当页面缩小时,绝对div的左侧消失

时间:2013-01-26 13:09:12

标签: html css

http://www.posterlion.com/上,当您通过浏览器缩小窗口时,左侧会消失。虽然出现了水平滚动条,但我不能通过向左滚动来达到它。内容通过绝对div居中。我如何防止这种情况发生?

position:relative;left:50%;margin-left:-517px; 
width:1015px; overflow:visible; background-color: #FFFFFF; padding: 10px;

3 个答案:

答案 0 :(得分:1)

以游览布局为中心的最佳做法是使用margin: 0px auto而不是绝对定位。

在您的情况下,您应该删除绝对定位,创建一些包含所有布局的div(在这种情况下<div id='wrapper'></div>可以是标准的)并将其margin设置为auto

人:

#wrapper {
    margin: 0px auto;
    width: yourWidth;
}

答案 1 :(得分:0)

在您指定的 CSS 添加

min-width: 1050px;

答案 2 :(得分:0)

这是要更新的Css: -

#lwe {
       width: 1015px;
      overflow: visible;
      background-color: #FFFFFF;
     padding: 10px;
     margin: 0 auto;

}