css - 使用CSS动态调整asp.net页面上的div

标签 css html resize

我有一个网站使用母版页,所有页面都继承自该母版页。母版页使用样式表进行布局和感觉。基本布局是这样的

<html>
<body >
<form runat="server" >
<div class="page" >
    <div class="header">
        <div class="title">
        </div>           
        <div class="main">            
            <asp:ContentPlaceHolder ID="MainContent" runat="server">                 
            </asp:ContentPlaceHolder>
        </div>
        <div class="clear">
        </div>
    </div>
</div>
<div class="footer">
</div>
</form>

我的问题是我希望主 div 根据客户端窗口大小重新调整大小 在 .page 的 Css 中,我将宽度设置为 85%,这工作正常,但是当我尝试将高度设置为百分比时,它只是内容的高度是加载屏幕的高度。如果我将它设置为像素值,它将显示适合该设置的高度,但我希望它根据客户端窗口增长和收缩。

我四处搜索并尝试了最小高度设置和我通过护目镜找到的其他东西,但都没有用。

最佳答案

您应该使用 jQuery 或 javascript 分配高度。

var browser_height = $(window).height();

$('.main').css({'height':browser_height});

关于css - 使用CSS动态调整asp.net页面上的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14043061/

相关文章:

javascript - jQuery Tabulator 插件不工作

html - Bootstrap 表单组中的多个垂直字段未正确对齐

javascript - 可点击下拉菜单中的可点击 Font Awesome 图标

javascript - 使用 Firebase 时将 HTML、JavaScript 和 CSS 分开

java - 在框架调整大小 Java 上调整组件大小

c++ - Qt:设置后如何清除setFixedSize

Css 剪辑图像然后调整大小

javascript - Animate.CSS - 添加 IE 支持?

javascript - execCommand中“粘贴为纯文本”的JavaScript技巧

javascript - 如何更新在我的 javascript 代码中单击的 div