左の列、右の列、フッターの ff に分割された 3 つの div を含む div コンテナーがあります。
したがって、基本的には次のようになります。
-------------------------------
' ' '
' ' '
' ' '
' ' '
' ' '
' ' '
' ' '
' ' '
' ' '
-------------------------------
' '
' '
-------------------------------
左右の列には、データベースからの情報が動的に入力されます。つまり、各 div (左/右) は、ページの小さな領域または大きな領域を占める可能性があります。
しかし、私の場合、予期しない動作が発生しています。次のように、右の div が左の div のほぼ下から始まっているようです。
---------
' '
' '
' '
' ----------------------- '
' ' '
--------' '
' '
' '
' '
' '
-----------------------
つまり、右の div を左の div の上部のようにしたい場合は、常に再調整する必要がありますが、それは私がやりたいことではありません。左右の div の上部を常に同じにしたいのです。 ...以下は両方のソースです。正確な結果をすばやく確認するために、jsfiddleでこれを行うのを手伝ってくれる人はいますか?
div#divLeft
{
background-color: green;
/*height: 100%;*/
width: 25%;
float: left;
}
div#divRight
{
background-color: red;
width: 73%;
position: relative;
margin-top: -52px;
margin-left: 25%;
float: left;
}
ここに jsfiddle があります。http://jsfiddle.net/Rqyz7/ - >うまくいくことを願っています。今、ネットに問題があると思います... TIA