0

ネストされたdivタグを取得して、その中のコンテンツに応じて高さが自動的に大きくなるようにしようとしています。サンプルコードをここに示します。たとえば、真ん中にはもう少しコンテンツがありますが、高さは伸びていないようです。自動成長させるための秘訣は何ですか？CSSの明確なルールかもしれないと思って、親の中からすべてのフローティング要素を取り出しました。しかし、それも役に立ちませんでした。助けに感謝します。

 <div id="editmain">
        <div class="ticker">
         some content here
        </div>
        <div class="ticker">
         some longer content content here
        </div>
       <div class="ticker">
         some content here
        </div>
    </div>

    #editmain
        {
            position:relative;
            min-height:480px;
            background-color:#84d;
            overflow:hidden;
            padding: 20px 0px 30px 0px;  
        }

.ticker
        {    
            position:relative;
            border-bottom: solid 2px #ddd;
            margin:10px;
            background-color:white;
            overflow:hidden;             
            height:auto;
            min-height:100px;
        }
4

1 に答える 1

0

絶対配置モデルでは、ボックスは通常のフローから完全に削除され (後の兄弟には影響しません)、包含ブロックに対する位置が割り当てられます。

w3.org

絶対配置を削除し、幅とマージンを使用してラベルと入力をフォーマットする別の方法を見つけてください。フィドル

   .tickertxtlabel
    {
        display:inline-block;
        margin: 10px 10px 10px 10px;        
        width:90px; 
    }
于 2013-02-22T17:37:02.200 に答える