html中left&right运用

尝试把.dropdown-content里的 right:0; 改成了 left:0; ，接着模仿实例给右边的按钮加上了内联样式" style=“right:0;” " 按理应该能够像实例一样由内联样式(inline style)覆盖内部样式(internal style sheet)，实现同样的效果。

但是实际上由于"left"的优先度高于"right"，右边按钮的样式并没有改变。

最后通过重置left属性实现了想要的结果:

<div class="dropdown-content" "style="left:unset; right:0;">

这个例子很不错，还是这个例子，把.dropdown-content 里的 right:0; 改成了 left:0; ，接着模仿实例给右边的按钮加上了内联样式" style=“right:0;”。 有的朋友就会疑惑，right:0;在内联样式中，而 left:0;在嵌入样式中，内联样式的优先级是高于嵌入样式的。但为什么起作用的是 left ？

一般left和right在一个样式中只能使用一次，同时使用会出现兼容问题，当浏览器解释代码的时候发现left和right同时存在时，就会放弃解释right。放弃解释后优先级就排不上用场了，即使优先级最高的！important也不会作用。这就好比战场上有两个士兵A和B，B被打死了，那么即使医疗兵医术再高也救不了他了。

所以left优先级高于right