Question

我有以下aspx页面和相应的css文件。当我尝试垂直调整浏览器大小时，滚动条显示在溢出：滚动的限制之后，但在水平调整大小时没有显示？而且我也使用位置：固定来定位所有div，这样可以吗？其他浏览器会出现一些问题???

Aspx文件：

 <div id="container_div">
    <div id="header">
        Software Technology Limited
    </div>

    <div id="left_column">
        My name is krishnaraj...!!!
    </div>

    <div id="main_column">
        Instruction:<br /><br />
        Total number of questions : 20.<br />
        Time alloted : 30 minutes.<br />
        Each question carry 1 mark, no negative marks.<br />
        <asp:Button ID="butStartTest" runat="server" Text="Start Test..."/>
   </div>

   <div id="footer">
        &copy;2010 Software Technology Limited
   </div>
</div>

Css文件：

#header
{
    border:brown 2px solid;    
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    height:30px;
}

#left_column
{
    border:blue 2px solid;    
    position:fixed;
    left:0px;
    top:34px;    
    bottom:24px;    
    width:200px;
    overflow:scroll;
}

#main_column
{
    border:green 2px solid;    
    position:fixed;
    left:204px;
    top:34px;
    right:0px;   
    bottom:24px;
    overflow:scroll;
}

#footer
{
    border:brown 2px solid;    
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:20px;
}

Answer 1

如果您设置了position:relative，那么它将对您要实现的目标有所帮助。如果你想要水平滚动，你可以试试这个：

overflow-y: scroll;

我不太确定你想要实现的目标，但如果你正在寻求建立一个响应式网站，那么你走错了路，因为你正在谈论调整浏览器窗口的大小。

Answer 2

使用溢出：自动而不是滚动这可以解决您的问题

＆安培;

如果你想让你的布局固定，那么在这种情况下使用绝对位置是没有问题的，但我建议使用相对或静态（默认情况下）位置，以便在设计中获得更大的灵活性。

定位div容器和调整浏览器问题的大小

2 个答案: