Skip to content

Instantly share code, notes, and snippets.

@rayshih

rayshih/gist:1387932

Created November 23, 2011 05:07
Show Gist options
  • Save rayshih/1387932 to your computer and use it in GitHub Desktop.
Save rayshih/1387932 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<html>
<head>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<style>
#outer {
width: 500px;
height: 500px;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
}
#inner {
background: #EDEDED;
width: 100%;
/* height: 100%; */ /* enable this line to fix the unwanted jump */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
overflow-y: auto;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br><br><br>
<button class="btn">Test</button>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment