html – 巨型菜单下拉列表的宽度

概述我有一个菜单栏有一整排： 在网站的图像之前. 我希望菜单栏位于徽标和购物车之间.我通过以下方式解决了这个问题： 我添加了这个CSS： header .container { display: flex; justify-content: space-between; align-items: center;}@media screen and (max-width: 我有一个菜单栏有一整排：
在网站的图像之前.

我希望菜单栏位于徽标和购物车之间.我通过以下方式解决了这个问题：

我添加了这个CSS：

header .container {    display: flex;    justify-content: space-between;    align-items: center;}@media screen and (max-wIDth: 600px) {     .navbar-header { wIDth:100%} }

并更改了HTML代码中的原始序列：

<div >if(th_is_woocommerce_activated()) // ShopPing cart<nav  role="navigation">

至

<div ><nav  role="navigation">if(th_is_woocommerce_activated()) // ShopPing cart

这部分解决了这个问题.但是现在桌面和移动视图上的Mega菜单都非常小.该网站在这里：

我希望dropmenu的宽度与图片的宽度相同.但我无法弄清楚在哪里设置宽度？

解决方法 问题是因为你将display设置为flex并且因为下拉列表的宽度是相对于父级的,所以将宽度设置为整个菜单的宽度并不容易.

如果我应用这种风格

.mega-sub-menu {   wIDth: 1200px;   position: absolute;   left: -200px;}

我明白了……

由于多种原因,这是有问题的.

使用flex-Box通过ftp重建这个菜单非常简单.我会这样做或尝试使用不同的插件.

总结

以上是内存溢出为你收集整理的html – 巨型菜单下拉列表的宽度全部内容，希望文章能够帮你解决html – 巨型菜单下拉列表的宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。