---
title: 布局
category: basic
---

<style>
	.col-aside-right,.col-aside-left,.col-main{
		height:250px;
		background-color: #eee;
	}
</style>


<h3>两栏布局 - 左侧栏</h3>
{{#markdown}}
```xml
<div class="container two-col">
	<div class="col-aside-left">
		240
	</div>
	<div class="col-main">
		710
	</div>
</div>
```
{{/markdown}}

<h3>两栏布局 - 右侧栏</h3>
{{#markdown}}
```xml
<div class="container two-col">
	<div class="col-main">
		710
	</div>
	<div class="col-aside-right">
		240
	</div>
</div>
```
{{/markdown}}

<h3>三栏布局</h3>
{{#markdown}}
```xml
<div class="container three-col">
	<div class="col-aside-left">
		150
	</div>
	<div class="col-main">
		610
	</div>
	<div class="col-aside-right">
		180
	</div>
</div>
```
{{/markdown}}