Question

我正在尝试让一些嵌套的div标签自动增长，具体取决于它们内部的内容。示例代码为given here。例如，中间有一些更多的内容，但高度似乎没有增长。让它自动增长的诀窍是什么？我从父母那里拿出所有浮动元素，认为它可能是CSS clear rule。但这也没有帮助。感谢任何帮助。

 <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;
        }

Answer 1

在绝对定位模型中，框会从法线中移除完全流动（它对后来的兄弟姐妹没有影响）并分配了一个关于包含块的位置。

w3.org

删除绝对定位并找到另一种使用宽度和边距格式化标签和输入的方法。 Fiddle

   .tickertxtlabel
    {
        display:inline-block;
        margin: 10px 10px 10px 10px;        
        width:90px; 
    }

嵌套的DIV标签和高度

1 个答案: