diff --git a/ShadowEditor.UI/src/Example.jsx b/ShadowEditor.UI/src/Example.jsx
index 1147c13a..7aeb4391 100644
--- a/ShadowEditor.UI/src/Example.jsx
+++ b/ShadowEditor.UI/src/Example.jsx
@@ -10,6 +10,7 @@ import TextArea from './form/TextArea.jsx';
 import Icon from './icon/Icon.jsx';
 
 // layout
+import Container from './layout/Container.jsx';
 import HBoxLayout from './layout/HBoxLayout.jsx';
 import VBoxLayout from './layout/VBoxLayout.jsx';
 
diff --git a/ShadowEditor.UI/src/index.js b/ShadowEditor.UI/src/index.js
index 5de84952..3b6e60ea 100644
--- a/ShadowEditor.UI/src/index.js
+++ b/ShadowEditor.UI/src/index.js
@@ -1,6 +1,3 @@
-// container
-export { default as Container } from './container/Container.jsx';
-
 // form
 export { default as Button } from './form/Button.jsx';
 export { default as Form } from './form/Form.jsx';
@@ -13,6 +10,7 @@ export { default as TextArea } from './form/TextArea.jsx';
 export { default as Icon } from './icon/Icon.jsx';
 
 // layout
+export { default as Container } from './layout/Container.jsx';
 export { default as HBoxLayout } from './layout/HBoxLayout.jsx';
 export { default as VBoxLayout } from './layout/VBoxLayout.jsx';
 
diff --git a/ShadowEditor.UI/src/container/Container.jsx b/ShadowEditor.UI/src/layout/Container.jsx
similarity index 69%
rename from ShadowEditor.UI/src/container/Container.jsx
rename to ShadowEditor.UI/src/layout/Container.jsx
index cff6f74f..336ec42a 100644
--- a/ShadowEditor.UI/src/container/Container.jsx
+++ b/ShadowEditor.UI/src/layout/Container.jsx
@@ -1,3 +1,5 @@
+import classNames from 'classnames/bind';
+
 /**
  * 容器
  * @author tengge / https://github.com/tengge1
@@ -9,7 +11,7 @@ class Container extends React.Component {
     render() {
         const { className, style, children } = this.props;
 
-        return <div className={className} style={style}>{children}</div>;
+        return <div className={classNames('Container', className)} style={style}>{children}</div>;
     }
 }