哪些CSS属性会破坏布局结构/流程？

引用Writing modular CSS (Part 2) — Namespaces（由Zell Liew撰写）

  

对象是上下文无关的   当我说对象是上下文无关的时，我的意思是它们不知道在哪里使用它们。您可以捡起任何物体，然后将其扔到其他地方，并且不会破坏网站的结构。

     

这也意味着对象不应更改自身外部的任何结构。因此，对象块不能包含以下任何属性/值：

     

  
1. 绝对或固定位置。
  
2. 保证金。
  
3. 填充（除非您应用了背景色。在这种情况下，它不会中断中断对象外部的对齐方式）。
  
4. 浮动。
  
5. 等...
  

认真对待此报价：

  

这也意味着对象不应更改自身外部的任何结构。因此，对象块不能包含以下任何属性/值：

我想知道我应该避免在组件/对象上使用其他CSS属性（遵循BEM和哈里·罗伯特more transparent ui code with namespaces之类的方法）或原子/分子（布拉德·弗罗斯特的atomic design methodology） ）。

我相信我确实了解这些css方法论的基本概念，但是我经常陷入困境，试图通过使组件独立并且让布局样式将组件粘合在一起来分离问题。

我相信正确的做法会大大降低副作用。

我的Sass文件夹在大多数情况下看起来是这样的：

• 组件
  • 组件
• 布局
  我目前缺乏的
  • 组件布局特定内容（块级布局）
• 页
  • 全局（页面）布局，显示90％：flex / grid
• _variables.scss
• style.scss

layouts文件夹中的文件（我打算/计划用于在组件/对象中定位内容）太小了。 （空的或仅几行代码）我经常在组件样式表中设置所有CSS时被抓到。在我的组件“完成”后，我在拆卸负责的CSS属性时遇到了问题，导致组件或布局破裂。

那么，应该在组件中避免使用哪些CSS属性？

如果您有任何经验，并且我对解决方案有建议，请分享。 :) 任何提示，不胜感激。