diff --git a/src/pages/layout.tsx b/src/pages/layout.tsx
index 8533e32..6624209 100644
--- a/src/pages/layout.tsx
+++ b/src/pages/layout.tsx
@@ -84,6 +84,7 @@ function PageLayout({ children }: { children: ReactNode }) {
   const showNavbar = settings?.navbar && urlParams.navbar !== false;
   const showMenu = settings?.menu && urlParams.menu !== false && !pathname.includes('ideContainer');
   const showFooter = settings?.footer && urlParams.footer !== false;
+  const showWrapperPadding = settings?.noWrapperPadding || pathname.includes('ideContainer');
 
   const routeMap = useRef<Map<string, ReactNode[]>>(new Map());
   const menuMap = useRef<
@@ -143,7 +144,6 @@ function PageLayout({ children }: { children: ReactNode }) {
     }
 
     buildRouteMap(routes);
-    console.log('routeMap:', routeMap);
   }, [routes]);
 
   function renderRoutes(locale) {
@@ -265,7 +265,8 @@ function PageLayout({ children }: { children: ReactNode }) {
             </Sider>
           )}
           <Layout className={styles['layout-content']} style={paddingStyle}>
-            <div className={styles['layout-content-wrapper']}>
+            <div
+              className={showWrapperPadding ? styles['layout-content-wrapper-no-padding '] : styles['layout-content-wrapper']}>
               {!!breadcrumb.length && (
                 <div className={styles['layout-breadcrumb']}>
                   <Breadcrumb>
diff --git a/src/settings.json b/src/settings.json
index c84e59c..874bb12 100644
--- a/src/settings.json
+++ b/src/settings.json
@@ -4,5 +4,6 @@
   "menu": true,
   "footer": true,
   "themeColor": "#165DFF",
-  "menuWidth": 220
+  "menuWidth": 220,
+  "noWrapperPadding": false
 }
diff --git a/src/style/layout.module.less b/src/style/layout.module.less
index d467372..898e5b6 100644
--- a/src/style/layout.module.less
+++ b/src/style/layout.module.less
@@ -125,6 +125,10 @@
   padding: 16px 20px 0;
 }
 
+.layout-content-wrapper-no-padding {
+  padding: 0;
+}
+
 .layout-breadcrumb {
   margin-bottom: 16px;
 }