​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
  nav {
6
    width: 100px;
7
    float: left;
8
    background: gold;
9
  }
10
  article {
11
    width: calc(100% - 100px);
12
    float: right;
13
    background: orange;
14
  }
15
  article, nav {
16
    color: white;
17
    padding: 30px;
18
    box-sizing: border-box;
19
  }
20
</style>
21
​
22
<nav>
23
  <h1>Nav</h1>
24
</nav>
25
<article>
26
  <h1>Article</h1>
27
</article>