Javascript 如何在流体布局中创建可调整大小的滚动文本框？_Javascript_Scrollbar_Fluid Layout

Javascript 如何在流体布局中创建可调整大小的滚动文本框？

javascript

Javascript 如何在流体布局中创建可调整大小的滚动文本框？,javascript,scrollbar,fluid-layout,Javascript,Scrollbar,Fluid Layout,我尝试使用Dreamweaver的标准流体布局，并在桌面设计中修改了10%的列宽和24列。我曾尝试在一个div中创建一个div（请放心，我是Dreamweaver的noob），并将文本框的约束设置为在外部div中，但还没有找到解决方案我试图设置文本框本身的参数，但由于%v的冲突，这也不起作用。二甲苯。在流体布局中，我使用%来调整大小本质上，问题在于能够设置文本框上的垂直约束，使其在屏幕大小改变时成比例；“水平”很好，因为我可以在Dreamweaver的设计模块中设置宽度约束我想我必须通过某

我尝试使用Dreamweaver的标准流体布局，并在桌面设计中修改了10%的列宽和24列。我曾尝试在一个div中创建一个div（请放心，我是Dreamweaver的noob），并将文本框的约束设置为在外部div中，但还没有找到解决方案

我试图设置文本框本身的参数，但由于%v的冲突，这也不起作用。二甲苯。在流体布局中，我使用%来调整大小

本质上，问题在于能够设置文本框上的垂直约束，使其在屏幕大小改变时成比例；“水平”很好，因为我可以在Dreamweaver的设计模块中设置宽度约束

我想我必须通过某种javascript来设置它；尽管我对java一无所知，只知道从构建java的人那里提取代码并将其插入站点

很抱歉，这篇文章太过杂乱无章，我希望这是有意义的。

我正在帮助你回答关于jQuery的另一个问题，我决定四处窥探并找到这个问题。我知道您希望列中的文本框具有流体高度。可以这样实现：

CSS:

HTML:

/* 
   In order to use width/height: 100% on the body and html
   You need to remove the margins and padding on them, otherwise
   you'll see a vertical and horizontal scroll bar, which is awful.
   This way, it removed margins and paddings on everything, ultimately
   leading to better styling overall. 
*/

*
{
    margin: 0;
    padding: 0;
}

body, html
{
    width: 100%;
    height: 100%;
}

/* Create a wrapper to base all other %-based measurements off of. */
#wrapper
{
    width: 100%;
    height: 100%;
}

/* The column that the textbox will be inside */
#someColumn
{
    width: 50%;
    height: 50%;
    margin: 5px;
    padding: 5px;
}

#someColumn textarea
{
    width: 25%;
    height: 50%;
    /* The textbox will now be 50% the height of #someColumn */
}

<body>
    <div id="wrapper">
        <div id="someColumn">
            <textarea></textarea>
        </div>
    </div>
</body>