Question

我尝试过使用Dreamweaver的标准流体布局，并在桌面设计上使用10％列宽和24列进行修改。我试过在div中创建一个div（跟我一起，我是Dreamweaver的菜鸟），并将文本框的约束设置在外部div中，并且无法想出一个在那方面的解决方案。

我尝试设置文本框本身的参数但由于％v。px的冲突而无法正常工作。在流体布局中，我使用％来调整大小。

本质上，问题在于能够将文本框的垂直约束设置为与屏幕尺寸变化时成比例;水平很好，因为我可以在Dreamweaver的设计模块中设置宽度约束。

我想我必须通过某种类型的javascript来设置它;虽然我对java一无所知，只是从构建它的人那里获取代码并将其插入网站。

对于这篇文章的漫无边际的性质感到抱歉，我希望这是有道理的。

Answer 1

我正在帮助你解决关于jQuery的其他问题，我决定窥探并发现这个问题。我知道你想要一个列中文本框的流畅高度。这可以这样实现：

CSS：

/* 
   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 */
}

HTML：

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

Here's a jsFiddle to see what it looks like

如何在流畅的布局中制作可调整大小的滚动文本框？

1 个答案: