Javascript 在jQuery对话框中显示布局

我试图设置jQuery对话框的内容以填充其宽度和高度。 我已经成功地使用HTML表实现了这一点。 问题是我只想在某些区域应用滚动条

这是我目前的情况

$“\u对话框”。对话框{ 自动打开：对， 身高：275， 宽度：450， 莫代尔：是的， 可调整大小：正确， closeOnEscape：错误， 开放：功能{ 美元这个 .css{ “边距”：“0”， “填充”：“0” } 父母亲 .css{ “边距”：“0”， “填充”：“0” } .find'.ui对话框按钮平面' .css{ “页边距顶部”：“0” }; }, 按钮：[{text:'Close'，click:function{$this.dialog'Close'；}] }; .div_容器{高度：100%；最小高度：100%；} .tbl_容器{边框折叠：折叠；边框间距：0；高度：100%；最小高度：100%；最小宽度：100%；} .td_left_容器{背景颜色：e2eff7；右边框：1px实心8f9ea5；垂直对齐：顶部；宽度：25%；} .div_左_容器{最小高度：100%；最小宽度：175px；} .td_top_容器{背景颜色：d8d8d8；边框底部：1px实心8c8c8c；高度：50px；} .td_中间_容器{垂直对齐：顶部；} .div_中间_标题_容器{背景颜色：F5；高度：20px；} .td_bottom_容器{背景颜色：ecf0f1；边框顶部：1px实心D4；高度：20px；}

c

r

o

l

l

固定高度；没有滚动始终可见

固定高度；没有滚动始终可见； 剩余高度；如果内容较高，则可以进行滚动 固定高度；没有滚动始终可见

---

我找到了解决我问题的办法。 下面是代码，它可能对将来的人有用

$“\u对话框”。对话框{ 自动打开：对， 身高：350， 宽度：500， 莫代尔：是的， 可调整大小：正确， closeOnEscape：错误， 开放：功能{ 美元这个 .css{ “边距”：“0”， “填充”：“0” } 父母亲 .css{ “边距”：“0”， “填充”：“0” } .find'.ui对话框按钮平面' .css{ “页边距顶部”：“0” }; }, 按钮：[{text:'Close'，click:function{$this.dialog'Close'；}] }; .集装箱{ 宽度：100%； 身高：100%； 背景色：f9f9f9； 位置：相对位置； 溢出：隐藏； } .货柜组{ 文本对齐：居中； } .导航{ 宽度：25%； 背景颜色：海蓝宝石； 身高：100%； 位置：绝对位置； 左：0； 排名：0； 溢出：自动； } .顶{ 宽度：75%； 背景色：黄绿色； 高度：50px； 位置：绝对位置； 排名：0； 左：25%； } .content_头{ 宽度：75%； 背景色：深蓝色； 高度：20px； 位置：绝对位置； 顶部：50px； 左：25%； } .内容{ 宽度：75%； 背景色：卡德蓝； 位置：绝对位置； 顶部：70像素； 底部：20px； 左：25%； 溢出：自动； } .底部{ 宽度：75%； 背景色：暗绿色； 高度：20px； 位置：绝对位置； 底部：0； 左：25%； } .content_页眉p、.bottom p{ 线高：10px； 字体大小：10px； }

c

r

o

l

l

没有卷轴；固定高度；始终可见

没有卷轴；固定高度；始终可见

c

r

o

l

l

c

r

o

l

l

没有卷轴；固定高度；始终可见