#main
メインっぽいエリア
/*-----------------------------------------------
__container
-----------------------------------------------*/
#container {
float: left;
background: #CCF;
overflow: hidden;
}
/*-----------------------------------------------
__contents
-----------------------------------------------*/
#contents {
width: 660px;
float: left;
background: #999;
}
#main,#sub,#ex {
float: left;
padding: 10px;
padding-bottom: 32768px;
margin-bottom: -32768px;
}
/* __main
------------------------------------------*/
#main {
width: 470px;
background: #FFF;
border:5px solid #999;
}
/* __sub
------------------------------------------*/
#sub {
width: 140px;
background: #F66;
}
/* __ex
------------------------------------------*/
#ex {
width: 80px;
background: #3C6;
}
32768pxっていう数値はIEの限界っぽい。IE以外では、桁を上げても問題なかった。
borderを指定するとpadding-bottomが32768px下に行ってるから、見えなくなる。
同様にbackgroundで画像を指定して、bottomなど下から配置すると見えない。