Html 仅自动浮动css？

我在考虑这样的布局：

是否有一个仅css解决方案

我当前使用php生成的html：

头骨骨骨
副校长1
文本1

副校长2
文本2

副校长3
文本3

这是一个css功能，需要在HTML中进行更多修改。 如果您希望两个dis在不影响其左右高度的情况下自由工作，则需要在不同的div中分隔它们

这与您的需求类似，您需要做的是添加所需css所需的任何额外样式

.left_side、.right_side{width:45%；float:left；}
.左侧{右边距：10px；}
.box{边框：2px纯黑色；宽度：100%；浮动：左侧；边距：5px；}
.a1{最小高度：150px；}
.a2{最小高度：200px；}
.a3{最小高度：250px；}
.a4{最小高度：150px；}
头骨骨骨
副校长1
文本1

副校长2
文本2

副校长3
文本3

副校长4
文本3

完美！这正是我想做的！非常感谢，您是否也知道如何在非横向移动设备上实现这一点？它们位于1列中？对于移动设备和非横向移动设备，请使用@media css。可能对你有帮助。。是的，但是有2个

div

s，所以我不认为我可以把它们放在一起/合并成一个，对吗？不管怎样，把一个放在另一个的下面是可行的。