---
order: 2
title:
zh-CN: 顶部-侧边布局-通栏
en-US: Header Sider 2
---
## zh-CN
同样拥有顶部导航及侧边栏,区别是两边未留边距,多用于应用型的网站。
## en-US
Both the top navigation and the sidebar, commonly used in application site.
```jsx
import { Layout, Menu, Breadcrumb } from 'antd';
import { UserOutlined, LaptopOutlined, NotificationOutlined } from '@ant-design/icons';
const { SubMenu } = Menu;
const { Header, Content, Sider } = Layout;
ReactDOM.render(
Home
List
App
Content
,
mountNode,
);
```
```css
#components-layout-demo-top-side-2 .logo {
width: 120px;
height: 31px;
background: rgba(255, 255, 255, 0.2);
margin: 16px 28px 16px 0;
float: left;
}
.site-layout-background {
background: #fff;
}
```