0

我在另一个 div 中有一个内容可编辑的 div。扩展 IE 时宽度会扩展，但高度不会扩展我将最小高度设置为 300 像素，因为我希望在加载时它的高度为 300 像素，但是当 IE 变高时，div 保持相同的高度。我真的希望它与 IE 大小一起增长。

我的 aspx

 <div id="divLeftTable" clientidmode="Static" runat="server">
    <div id="divQuerytextarea" contenteditable="true" class="inputQryclass" runat="server" clientidmode="Static" />
    <br />
    <br />
</div>

我的 CSS

    .inputQryclass
{
    border:1px;
    border-style:solid; 
    overflow:auto; 
    border-color:Silver; 
    height: auto !important;
    height: 300px;
    min-height: 300px;
    /*width:180%;*/
    font-size: 13px;
    font-weight: bold;
    font-family: monospace;
}
4

3 回答 3

1

  1. height : auto;不等于_height: 100%;

  2. height: 100%;表示元素占据其父级高度的 100%，而不是整个窗口的高度。

为了让您的 div 占据屏幕的 100%，它的所有父级也必须占据 100%。这也意味着<html>和<body>元素。

像这样的小提琴。

另请注意，100% 的高度并不意味着占据所有可用的位置。就像在小提琴中一样，它可能会由于边框、边距等而导致滚动条。

EDIT height : auto;将使您的 div 适应其内容，而不是窗口的大小。

于 2013-06-06T17:20:42.797 回答
0

试试这个 CSS：

    .inputQryclass
{
    position: absolute;
    border:1px;
    border-style:solid; 
    border-color:Silver;
    min-width: 300px;
    width: 96%;
    min-height: 300px;
    height: 96%;
    font-size: 13px;
    font-weight: bold;
    font-family: monospace;
}
于 2013-06-06T17:21:48.007 回答
0

我认为没有问题 http://jsfiddle.net/9WcAW/show/

如果涉及 ms-IE，您是否检查过您的文档类型是否有效？
像这个 ... 

<!DOCTYPE html>

height 和 min-height 使用正确。（它包括 IE6 行为）它可能是更多的 CSS 在您的页面中覆盖它。单机工作正常。

于 2013-06-06T17:19:44.640 回答