Question

我在另一个div中有一个内容可编辑的div。当IE展开时，宽度会扩展，但高度不会扩展我设置了一个300px的最小高度，因为我希望它在加载时高度为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;
}

Answer 1

height : auto; 等同于height: 100%;
height: 100%;表示该元素占据其父级高度的100％，而不是整个窗口的高度。

为了让你的div占据100％的屏幕，其所有父母也必须100％。这也意味着<html>和<body>元素。

类似于this fiddle。

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

EDIT height : auto;会让你的div调整到其内容，而不是窗口大小。

Answer 2

我没有看到任何问题 http://jsfiddle.net/9WcAW/show/

如果涉及ms-IE，您是否检查过您是否拥有有效的doctype？像这个 ...

<!DOCTYPE html>

正确使用高度和最小高度。（它包括IE6行为）它可能会在页面中覆盖更多CSS。单机工作正常。

Answer 3

试试这个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;
}

div高度不随浏览器扩展

3 个答案: