0

別の div 内にコンテンツ編集可能な div があります。IE を展開すると幅が拡大するが、高さが拡大しない 読み込み時に高さを 300 px にしたいので、min-height を 300px に設定しましたが、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

問題はありません http://jsfiddle.net/9WcAW/show/

ms-IE が関係している場合、有効な doctype があることを確認しましたか?
このように ... 

<!DOCTYPE html>

height と min-height が正しく使用されています (IE6 の動作が含まれます)。ページでそれをオーバーライドする CSS がいくつかある可能性があります。スタンドアロンは正常に動作します。

于 2013-06-06T17:19:44.640 に答える
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 に答える