display

flex

<!DOCTYPE html>
<html>
<head>
<style> 
.container{
  background:#a1a1a1;display:flex; flex-flow:row;height:500px;
}
.main {
  width: 60%;
}
.left {
  flex: 1;background:pink;
}
.right {
  flex: 2;background:pink;
}
</style>
</head>
<body>
<div class="container">
  <nav class="nav left">…</nav>
  <section class="main">
    Winter comes after autumn.It snows heavily here....
  </section>
  <nav class="nav right">…</nav>
</div>
</body>
</html>

 

posted @ 2016-10-03 23:24  chenxj  阅读(119)  评论(0)    收藏  举报