css - 2 つの div が整列していない

Question

#timediv という名前の div を、 という名前の別の div と水平方向に揃えることができません.content。

Web サイトのライブ バージョンについては、ここをクリックしてください - https://dl.dropbox.com/u/73176512/InteractiveGuide/index.html

時間 div がコンテンツ div と一致していません。コードは、右クリックしてソースを表示することで表示できます。または、リクエストがあればここに貼り付けます。

#time div を右に浮かせています。

Answer 1

これでコードを変更し、

.upper {
    border-radius: 20px 20px 20px 20px;
    float: left;
    min-width: 1048px;
    padding: 10px 0;
}
.content {
    background-color: #FFF9EC;
    border: 1px solid white;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 5px 5px 10px 5px gray;
    float: left;
    margin: 10px 0;
    min-width: 1024px;
    padding: 10px;
}

ありがとう...

Answer 2

左右のフォームのパディングを削除してください。

ありがとうSafderJaffri

Answer 3

#time に負の右マージンを追加するには、次のようにします。

#time {
    margin-right: -40px;
}

Answer 4

div に-22px#timeの margin-right を与えます (私はこれを目で見て確かめたので確認してください)。

Answer 5

これが解決策です。上位クラスの最小幅を1070pxにするだけです

    .upper
 {
float:left;
padding: 10px;
border-radius: 20px 20px 20px 20px;
min-width: 1070px;
 }