使我的css框的高度液化

我需要你的帮助

如何修改下面的现有代码，使css框的高度液化（因为需要这样才能调整到用户屏幕分辨率的高度）

*{边距：0；填充：0}
#容器{
宽度：100%；
保证金：0自动；
}
#初级的{
浮动：左；
宽度：10%；
背景：红色；
高度：600px；
}
#内容{
浮动：左；
宽度：80%；
背景：蓝色；
高度：600px；
}
#次要的{
浮动：左；
宽度：10%；
背景：绿色；
高度：600px；
}
左

居中

对

看看jQuery等高插件：

初始化它：

$('#container div').equalHeights();

---

使用table*显示属性可以轻松实现等高列

---

删除固定高度并给出溢出：隐藏只需删除固定高度？您至少可以缩进html/css并将其格式化好吗？很难确定哪些元素嵌套在另一个元素中。您的最终目标是等高列或其他东西？这是正确的！

$('#container div').equalHeights();

#container {
    display: table;
    width: 100%;
    margin: 0 auto;
}

#primary {
    display: table-cell;
    width: 10%;
    background: red;
}

#content {
    display: table-cell;
    width: 80%;
    background: blue;
}

#secondary {
    display: table-cell;
    width: 10%;
    background: green;
}