我需要的是内容框，它们显示许多小的独立数据和小按钮。在一个大的矩形框中，我需要许多列，行，彼此嵌套，具有精确的大小，布局，以及一些拉伸和缩小的能力，当页面宽度低于1024px时可能会换行。
我已经使用flexbox完成了这项操作，但它在div内部的div内部进行了div操作，直到看起来这样做是错误的，所以我正在查看其他选项。
我不知道大量的CSS，所以我试图缩小我应该使用的技术集，并且需要学习如何实现这一目标。
具有绝对定位的东西以及布置在像素上的所有内容？
或者我应该继续使用flexbox吗？
答案 0 :(得分：1)
标准选项：
旧方法：使用表格和ul元素的混合显示＆＃39;内联块＆＃39;。许多（如果不是大多数）网站真的使用它，因为开发人员多年来不得不处理这个问题。如果您希望您的网站像素完美且响应性并不重要，那么此选项实际上可能是最佳选择。
Flexbox（您已经在使用它）：您在＆＃39;网格上使用display flex＆＃39;容器元素并尝试安排它包含的子元素。 Flexbox旨在用于使您的元素响应/灵活，但它本身不是网格。 （它是一维的）
CSS Grid：最新的替代vanilla CSS提供。简单易用。它的行为与Bootstrap网格非常相似，很多人现在习惯使用它。但首先必须在CSS中定义列和行的排列。
图书馆：
Bootstrap：现在是一种行业标准。如果您希望元素在像素上完美，则您希望使用固定网格而不是流体网格。
PureCSS：可以使用辅助CSS类的轻量级库。
Flexbox Grid：与PureCSS相同，但只关注网格元素。
答案 1 :(得分：0)
Flexbox是为一维布局而制作的，Grid是为两个制作的
尺寸布局。我建议您尝试grid，在较低版本的浏览器上更好，而不是flex显示。有人已经对表现进行了比较，而不是重写他所说的，也许你想通过自己来看待它here
您可能希望看到this codepen和this demos