如何创建这样的下拉菜单(描述中为img)

时间:2019-03-28 16:56:52

标签: html css drop-down-menu menu hover

我在肯德基网站上看到一个水平下拉菜单,但无法重新创建...如果有人知道如何操作,请告诉我。 我只想使用纯CSS enter image description here

1 个答案:

答案 0 :(得分:0)

您需要设置子菜单的绝对位置。

Width:100%;
Left:0;
Right:0;

并且子菜单li显示内联块或向左浮动。

如果父菜单的位置相对,则更改为静态。

您可以在下面的演示中查看

https://codepen.io/itschriswilliams/pen/Cqrxa