Question

考虑这个导航栏在这里工作得很完美。将鼠标悬停在下拉菜单上时，全宽下拉菜单会显示：

现在我想为视觉原因添加一个偏斜到导航栏上的li父元素，但它会弄乱下拉菜单并导致它不是全宽：

我无法理解为什么会发生这种情况以及如何解决这个问题

Answer 1

您需要在ByteBuffer#getInt()内对<a>应用偏差，而不是<ul>：

ul

Answer 2

.has-dropdown包含菜单标题和菜单项，因此将skew应用于.has-dropdown会影响两者。

相反，仅将skew应用于菜单标题：

.has-dropdown > a {
  transform:skew(-20deg);
}