角2成分标签打破布局样式

和其他一些规则也因成分标签。

样式由其他团队提供，他们单独存储，其中一些与media-query有关，所以我不能用:host { margin-left: auto; }来使用丑角。此外，某些款式（flex-grow e.x.）具有数值，无法在实际款式更改中轻松追踪和更改。

如何在不编写角度特定样式的情况下解决这个问题？

2017-02-11 drow

margin-left不会将user移到右侧。如果你想在那里然后用风格，如果你使用的风格<flex-item>元素

.header-user { 
    position: absolute; 
    right: 16px; 
    ... 
}

flex布局工作。是的，在这个应该是父代div的第一个孩子的容器内创建了这个元素。

2017-02-12 20:57:30

'margin-left does not move user to the right'it does。只需将'margin-left：auto'添加到'header-user'标签，这将按预期工作。 '如果在元素上使用样式'，那么在很多情况下不能使用样式，样式不应与任何框架相关 – drow

*由于'margin-left：auto'，'user'必须位于右边缘，但'header '用户'标签打破了这个*，实际上它相对于最后一个项目被默认定位在左边。它已经添加到标题用户中，应该删除。样式与框架无关，但与DOM的html元素有关。 –

回答