34 無名さん
URL:http://nanos.jp/nanairo001/blog/1/
……site top</a> ←最終コンテンツ
</div> ←高さ関係なし(class="category")
</div> ←下部余白30px
<br /> ←空行1
<div class="contents"> </div> ←下部余白30px
<br /> ←高さ関係なし(ブロック要素終了直前)
</div> ←高さ関係なし(class="side")
<footer class="clearfix"><p> Design by <a href="URL" target="_blank">サイト名</a></p> </footer> ←コンテンツ外行
<br /> ←高さ関係なし(ブロック要素終了直前)
<p class="pagetop">
<a href="#top">▲</a>
</p> ←高さ関係なし(下部固定)
</div> ←下部余白20px
下部余白=30px+30px+20px
=80px
コンテンツ外行+空行=2(line-height:24px;)
=48px
→80px+48px=128px
……site top</a> ←最終コンテンツ
</div> ←高さ関係なし(class="category")
</div> ←下部余白30px
<br /> ←空行1
<div class="contents"> </div> ←下部余白30px
<br /> ←高さ関係なし(ブロック要素終了直前)
</div> ←高さ関係なし(class="side")
<footer class="clearfix"><p> Design by <a href="URL" target="_blank">サイト名</a></p> </footer> ←コンテンツ外行
<br /> ←高さ関係なし(ブロック要素終了直前)
<p class="pagetop">
<a href="#top">▲</a>
</p> ←高さ関係なし(下部固定)
</div> ←下部余白20px
見易くする為改行とスペースを一部足しています
スマホ調べ
スマホ調べ
下部余白=30px+30px+20px
=80px
コンテンツ外行+空行=2(line-height:24px;)
=48px
→80px+48px=128px