父元素不跟随子元素

Question

当我们设置父元素,并递增子元素的内容时,父母的大小是否应该自动缩放以适合孩子？

相反,已应用css属性的父级(例如给定的背景)不会缩放父级.这是我尝试创建3列简单布局,并且父级没有缩放,因此未应用边框底部:

REPL.IT

正如您所看到的,内容溢出了父级,并且所有内容都未包含在父级中.我该怎么解决这个问题？

Answer 1

你需要的是一个clearfix,#bodytext因为你的所有内容都浮动了.

将以下行添加到您的#bodytext:

#bodytext{
  overflow: auto;
}

为了更好地理解,为什么需要clearfix,请阅读此答案.