Html 父div如何根据子div自动调整其高度；她身高多少？

父div如何根据子div的高度自动调整其高度

div#main{
宽度：970px；
高度：100px；
背景：rgba（255,0,0,1）；
边框：5px实心rgb（25151117）；
边距：20px 0px 20px 0px；/*右上-左下*/
填充：10px
}
div#left{宽度：383px；
身高：100%；
右边距：5px；
背景：rgb（0,0255）；
浮动：左
}
分区描述{宽度：100%；
身高：50%；
背景：rgb（0,0,0）
}
以下{宽度：100%；
身高：50%；
背景：rgb（0255,0）
}
分区柱{宽度：577px；
高度：自动；
左边距：5px；
背景：rgb（255255,0）；
浮球：对
}

此处有一些内容（高度设置为自动）

删除高度属性

我为您制作了一个示例，以了解可变父高度的工作原理

.parent
{
高度：自动；
边框：1px虚线#f00；
填充物：5px；
}
小孩
{
高度：100px；
边框：1px虚线#0f0；
}

CSS3

---

你应该把它修好。如果您希望它是一个内联块，请使用

inline block

。

编辑后只看代码块上的滚动条会让我感到恶心。@Joseph:您有什么问题？您发布了大量带有标题的代码。我是金人！现在你减少了太多，我们希望看到相关的HTML和CSS；P@Danjah-哦！我知道这没用。让我烦恼的是，例如，根据我的问题，还有另一个DIV是这样的：除了最后一个DIV不是DIV（它的高度不规则，所以我将包含高度不规则内容的第二个DIV设置为auto）像什么？你太模糊了，两个链接都断了。你介意重新创建示例并将其嵌入到帖子中吗？

div#main{
         width: 970px;

         background: rgba(255,0,0,1);
         border: 5px solid rgb(251,151,117);
         margin: 20px 0px 20px 0px; /* Top Right Bottom Left*/
         padding: 10px       
    }

.container {
    display: inline;
    position: relative;
}