From 45c6895c61c57a32c4994d6086a8bcd99c607777 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 19 Aug 2015 20:50:51 +0800
Subject: [PATCH] Fix clear both problem

---
 site/templates/demos.html | 2 +-
 static/style.css          | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/site/templates/demos.html b/site/templates/demos.html
index 6f344dece5..8e68551344 100644
--- a/site/templates/demos.html
+++ b/site/templates/demos.html
@@ -8,7 +8,7 @@
   </a>
   {%- endif %}
 </h2>
-<div class="code-boxes">
+<div class="code-boxes clearfix">
   {%- set items = resource.pages|find_demo_in_component(post.meta.directory) %}
   {%- if post.meta.cols == 1 %}
     <div class="code-boxes-col-1-1">
diff --git a/static/style.css b/static/style.css
index 0ab0278a83..d4770fd8c1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -420,7 +420,7 @@ footer ul li > a {
   width: 260px;
   background: #F9F9F9;
   padding-top: 10px;
-  margin-bottom: 50px;
+  padding-bottom: 50px;
   float: left;
 }
 
@@ -495,6 +495,7 @@ footer ul li > a {
   animation: xRightMatrix .5s ease-out;
   background: #fff;
   min-height: 500px;
+  overflow: hidden;
 }
 
 .main-container-center {
@@ -1671,10 +1672,6 @@ footer ul li > a {
   color: #3B4357;
 }
 
-.code-boxes {
-  overflow: hidden;
-}
-
 .code-boxes-col-1-1 {
   width: 80%;
 }