BEM：知道分解组件和定位组件有多远？
BEM: Knowing how far to break down components and positioning components?
我已经开始在我设计的网站上使用 BEM。我试图了解我应该分解组件（块）到什么程度。例如，我有一个 header，其中有一个导航栏。 header 被归类为一个块，但其中的导航栏可能是一个新块或 header 块的一部分。这里最好的建议是什么？
我希望找到一些实现此类功能的示例站点，以便更好地理解它，但到目前为止，我还没有找到任何可以证明它的东西。
我也在假设组件应该对其元素进行布局，所以这很好，是 flexbox 的一个很好的候选者。我现在面临的问题是在页面中布局组件。想象一下必须并排布局 2 个组件，这是 flexbox 的另一个很好的候选者，但知道在哪里放置 display: flex ？组件也不会负责通过使用弹性项目 css 将自己放置在页面中，即 flex-shrink、flex-grow、基础、顺序等。
这意味着 parent 正在指示将自己放置在页面上的位置，现在它不是 100% 独立的块，因为它需要在其容器上放置 display: flex。
我 find some info 关于文件结构，想知道这是否有帮助？也许我没有完全理解 - 目录布局可以用于此吗？
本网站使用包含 Flexbox 的 BEM 方法。
http://fantube.me/
所有答案都在https://en.bem.info。
how to far I should be breaking down components (blocks)
https://en.bem.info/methodology/quick-start/#should-i-create-a-block-or-an-element
it isn't 100% an independent block now
https://en.bem.info/methodology/css/#mixes
some info with regards to file structure
我已经开始在我设计的网站上使用 BEM。我试图了解我应该分解组件（块）到什么程度。例如，我有一个 header，其中有一个导航栏。 header 被归类为一个块，但其中的导航栏可能是一个新块或 header 块的一部分。这里最好的建议是什么？
我希望找到一些实现此类功能的示例站点，以便更好地理解它，但到目前为止，我还没有找到任何可以证明它的东西。
我也在假设组件应该对其元素进行布局，所以这很好，是 flexbox 的一个很好的候选者。我现在面临的问题是在页面中布局组件。想象一下必须并排布局 2 个组件，这是 flexbox 的另一个很好的候选者，但知道在哪里放置 display: flex ？组件也不会负责通过使用弹性项目 css 将自己放置在页面中，即 flex-shrink、flex-grow、基础、顺序等。
这意味着 parent 正在指示将自己放置在页面上的位置，现在它不是 100% 独立的块，因为它需要在其容器上放置 display: flex。
我 find some info 关于文件结构，想知道这是否有帮助？也许我没有完全理解 - 目录布局可以用于此吗？
本网站使用包含 Flexbox 的 BEM 方法。 http://fantube.me/
所有答案都在https://en.bem.info。
how to far I should be breaking down components (blocks)
https://en.bem.info/methodology/quick-start/#should-i-create-a-block-or-an-element
it isn't 100% an independent block now
https://en.bem.info/methodology/css/#mixes
some info with regards to file structure