javascript - jquery-ui 也调整子 div 的大小

标签 javascript jquery css jquery-ui

我正在创建一个网站,我有可以使用 jquery 调整大小的 div。当我调整它们的大小时,只会调整子 div 的宽度。您可以看到该站点及其代码 here .如何调整子 div 的高度?

编辑

好的,我通过添加这段代码解决了这个问题:

  $(".window").resize(function() 
  {
     $(this).children('.inner').css(
     {
        height: $(this).height()-2
     });

     $(this).children().children('.content').css(
     {
        height: $(this).height()-$(this).children().children('.top').height()*2
     });
  });

最佳答案

您需要将子 div 高度更改为 100%

在你的例子中,class = "inner"的 div 需要有 css 属性

div.inner
{
   height = 100%
}

enter image description here

关于javascript - jquery-ui 也调整子 div 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21991600/

相关文章:

javascript - 可以用 JQuery 缩短这个 Javascript 吗?

javascript - 什么是只包装字符串一部分的 wrap 方法?

html - "background-size: cover"工作不正常。

html - 将 HTML 导出为 PDF 始终在新页面的底部对齐

javascript - 使用 ComponentDidUpdate 上的全局变量将状态从一个组件传递到另一组件

javascript - 如何在 JavaScript 中绘制图形或树结构?

javascript - 检查元素在 DOM 中是否可见

javascript - react : TypeError: Cannot read property 'setState' of undefined

javascript - 将简单的 jQuery 重写为纯 JavaScript

html - 文本对齐:居中,带有包装器、输入框和按钮本身不居中,但 Logo 居中很好