Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 定位div容器和调整浏览器大小问题_Css_Html - Fatal编程技术网

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

Css 定位div容器和调整浏览器大小问题,css,html,Css,Html,我有下面的aspx页面和相应的css文件。当我尝试垂直调整浏览器大小时,滚动条在溢出限制后显示:滚动,但在水平调整大小时不显示???我还使用了position:fixed来定位所有div,可以吗???其他浏览器是否会出现问题 Aspx文件: 如果你设定了相对位置,它将有助于你实现目标。如果需要水平滚动,可以尝试以下操作: 溢出y:滚动 我不太确定你想要实现什么,但是如果你想建立一个响应性强的网站,你走错了路。你说的是调整浏览器窗口的大小。使用溢出:自动而不是滚动这可能会解决你的问题 & 如果你希

我有下面的aspx页面和相应的css文件。当我尝试垂直调整浏览器大小时,滚动条在溢出限制后显示:滚动,但在水平调整大小时不显示???我还使用了position:fixed来定位所有div,可以吗???其他浏览器是否会出现问题

Aspx文件:

如果你设定了相对位置,它将有助于你实现目标。如果需要水平滚动,可以尝试以下操作:

溢出y:滚动

我不太确定你想要实现什么,但是如果你想建立一个响应性强的网站,你走错了路。你说的是调整浏览器窗口的大小。

使用溢出:自动而不是滚动这可能会解决你的问题

&

如果你希望你的布局是固定的,那么在这种情况下使用绝对位置是没有问题的,但是我建议使用相对位置或默认静态位置,以便在你的设计中有更多的灵活性

 <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>
#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;
}