html - 当页面缩小时，绝对 div 的左侧消失

Question

在http://www.posterlion.com/上，当您通过浏览器缩小窗口时，左侧会消失。虽然出现了水平滚动条，但我无法通过向左滚动来找到它。内容以绝对 div 为中心。我如何防止这种情况发生？

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

Answer 1

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

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

经过：

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

Answer 2

在你给定的CSS添加

min-width: 1050px;

Answer 3

这是要更新的CSS：-

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

}