Skip to content

Instantly share code, notes, and snippets.

@20minutos

20minutos/css-simple-clearfix.html

Created May 24, 2012 10:05
Show Gist options
  • Save 20minutos/2780603 to your computer and use it in GitHub Desktop.
Save 20minutos/2780603 to your computer and use it in GitHub Desktop.
Download ZIP
Clearfix "simple" con CSS
Raw
css-simple-clearfix.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>
body {color:#FFF; font-weight:bold; text-transform:uppercase;}
#contenedor {width:480px; padding:20px; background-color:yellow;}
#contenedor2 {width:480px; padding:20px; background-color:yellow; overflow:hidden;}
.caja1 { float:left; width:200px; margin:0 50px 0 0; height:100px; padding:5px; background-color:blue;}
.caja2 { float:left; width:200px; height:100px; margin:0px; padding:5px; background-color:green;}
</style>
</head>
<body>
<div id="contenedor">
<div class="caja1">caja1</div>
<div class="caja2">caja2</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<div id="contenedor2">
<div class="caja1">caja1</div>
<div class="caja2">caja2</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment