Css 如何制作一个有填充物的边栏和有无限内容的边栏？

我一直在尝试创建一个边栏，边距为12px，左边边距为10px，内容灵活，比如边栏的高度会随着文本的增加而增加

问题是，我不能使用flexbox、flow或display

任何帮助都将不胜感激：

这是小提琴

---

如果你不能使用flexbox，我会使用传统的float：左边加上填充和负边距技巧，将最短的列拉伸到和它的同级列相同的高度。有关演示，请参见下面的代码段：

* { 保证金：0； 填充：0； 框大小：边框框； } .头{ 背景：水鸭； 填充：12px； } .分箱{ 溢出：隐藏； } .主要内容， .侧栏{ 浮动：左； 宽度：60%； 填充：12px； 背景：黄色； 填充底部：9999px； 边距底部：-9987px；/*12px小于填充底部，因为您需要12px填充*/ } .侧栏{ 宽度：40%； 背景：粉红色； } .页脚{ 背景：绿色； 填充：12px； } 僵尸伊普苏姆 愚蠢的 为什么zomby Ut死后著名的是大脑病毒enim carnis grusome，内脏和活体器官。

卢西奥 僵尸ipsum reversus ab病毒地狱，nam rick grimes malum大脑。卡恩伐木业公司是一家大型企业。大脑的最高点​​, 莫博·维尔马莱菲西亚？《末日启示录》戈尔格·奥梅罗不死族幸存者格言毛里斯。嗨，没有头脑的莫提斯，没有灵魂 造物主，我是邪恶的追踪者，基督复临门，邪恶的秃鹫在小脑胎生。动画僵尸，板球蝙蝠马克斯·布鲁克斯·特里比勒姆·阿伦苏·苏姆比。巫毒萨克多食肉动物，苏西塔莫托斯喜剧卡内姆病毒。 宗比破烂了，因为眼液和脑液已经化脓。奈斯西奥在一个不死僵尸的大脑里工作。苹果腐烂的巫毒恐怖。快死了。

嗨，没有头脑的莫图斯，没有灵魂的创造者

---

请通过一些代码或图片进一步说明您想要实现的目标。我已经添加了小提琴，对不起，这里真的很新，不知道如何做到这一点^@在发布问题之前，您通常会在文本编辑器中获得一条指导原则：@Helenesh您是对的哈哈，这是我这边的一个错误：问题是，我不能使用flexbox、flow或display。->那么您可以使用什么呢？我现在无法检查，但我会马上检查，非常感谢您，祝您好运。如果它能解决您的问题，请不要忘记标记为答案，以帮助未来的搜索者更容易地找到。

 side-bar {
  float: right;
  padding: 12px;
  width: 326px;
  margin-left: 10px;
  background: lightblue;