---

#topDiv
{
    margin-top: 5px;
    border-top: 1px solid gray;
    margin-bottom: 3px;
}
/*
加這個就可以撐開了
原理是利用:after在末端加上一個"."並隱藏起來
個人覺得這是比<div style="clear: both;">&nbsp;</div>更好的做法
*/
    #topDiv:after
    {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }

#leftDiv
{
    padding-top: 5px;
    float: left;
    width: 69%;
}

#rightDiv
{
    position: relative;
    padding: 3px;
    float: right;
    width: 30%;
    overflow: auto;
    background: #DAECF4;
    height: 100%;
}

#rightBottomDiv
{
    position: absolute;
    padding: 3px;
    min-height: 150px;
    width: 100%;
    overflow: auto;
    background: #f00;
}

--
※ 作者: Farland 時間: 2013-04-02 09:01:33
※ 編輯: Farland 時間: 2013-04-02 09:06:24