请问如下图用伪类元素的办法为什么不能解决高度塌陷的问题？

Question

请问如下图用伪类元素的办法为什么不能解决高度塌陷的问题？

试了很多次都没用，我是不是少加了什么，还是加错了？？网上都是说加这几行代码的。但是试了之后仍然有高度塌陷的问题。求解。

 另外为什么慕课网的html+css没提到高度塌陷和清除浮动的问题，，这个不是css的基础吗？