设置width不生效_JeecgBoot后台管理页面，固定内容区域宽度，配置不生效

开源代码托管：Github和Gitee，国内用户使用Gitee下载速度较快。

系统开发环境：Win10/Ubuntu，JDK8，maven，node，docker。

运行依赖服务：Docker，MySQL8，Redis5

一，问题排查

JeecgBoot开源项目，用户提交一个issue，顶部菜单样式，内容区域宽度固定不生效。

根据问题描述，首先排查下Ant Design Vue Pro，进入官网提供的功能演示站点，查看css，当选择fixed内容区域宽度时，引用了wide样式：

查看Ant Design Pro类似代码：

二，问题修复

在JeecgBoot后台管理页面中，虽然引用了两个不同的css样式，却没有声明定义content-width-Fixed。

增加css样式，声明max-width，测试验证，解决问题，提交代码，创建Pull Request。

三，知识延伸

Ant Design Pro提供了完善的脚手架，支持对Header、Footer、Menu、MenuHeader以及Content内容区域自定义，功能灵活。

开发模式下，将配置导出，然后修改到代码中，打包发布到生产环境。

{"navTheme":"light","primaryColor":"#1890ff","layout":"top","contentWidth":"Fixed","fixedHeader":true,"fixSiderbar":true,"menu":{"locale":true
},"title":"Ant Design Pro","pwa":false,"iconfontUrl":"","splitMenus":false
}