Skip to content

Instantly share code, notes, and snippets.

@seanoshea

seanoshea/dang_horizontal_overflow.html

Created October 9, 2010 21:06
Show Gist options
  • Save seanoshea/618597 to your computer and use it in GitHub Desktop.
Save seanoshea/618597 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dang_horizontal_overflow.html
<!doctype>
<html>
<head>
<style>
#container {
border: 1px solid red;
height: 100px;
width: 20%;
overflow-x: visible;
}
.box {
height: 30px;
width: 30px;
background: #999;
float: left;
margin: 2px;
padding: 2px;
}
</style>
</head>
<body>
<div id="container" style="">
<div class='box'>
a
</div>
<div class='box'>
b
</div>
<div class='box'>
c
</div>
<div class='box'>
d
</div>
<div class='box'>
e
</div>
<div class='box'>
f
</div>
<div class='box'>
g
</div>
<div class='box'>
h
</div>
<div class='box'>
i
</div>
<div class='box'>
j
</div>
<div class='box'>
k
</div>
<div class='box'>
l
</div>
<div class='box'>
m
</div>
<div class='box'>
n
</div>
<div class='box'>
o
</div>
<div class='box'>
p
</div>
<div class='box'>
q
</div>
<div class='box'>
r
</div>
<div class='box'>
s
</div>
<div class='box'>
t
</div>
<div class='box'>
u
</div>
<div class='box'>
v
</div>
<div class='box'>
w
</div>
<div class='box'>
x
</div>
<div class='box'>
y
</div>
<div class='box'>
z
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment