Skip to content

Instantly share code, notes, and snippets.

@kakari2

kakari2/html5_2columns_menufixed.html

Created December 8, 2015 17:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kakari2/342ca1c4ce49aaca6f92 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kakari2/342ca1c4ce49aaca6f92 to your computer and use it in GitHub Desktop.
Download ZIP
html layout sample
Raw
html5_2columns_menufixed.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link href="style1.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="left">
<ul>
<li>a
<li>b
</ul>
</div>
<div class="contents">
<ul>
<li>a
<li>b
</ul>
</div>
</div>
</html>
Raw
menufixed.css
.container{
display: flex;
}
.left{
width: 300px;
position : fixed;
}
.contents{
margin-left : 300px;
flex: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment