0

私は自分の学校のウェブサイトを作ろうとしており、コンテンツ領域とサイドバーがある領域を取得することに取り組んでいます。ご覧のとおり、lrch.harrisonbh.com で、「ヘッダー 1」の上部を「サイドバー」の上部と一致させたいと考えています。ここの jsFiddle に css を配置します: http://jsfiddle.net/GHpux/

ここでcssコードを使用しています:

div.body{
    width: 1047px;
    margin-top: 210px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

div.content{
    background-color: #dbdbdb;
    width: 750px;
    max-width: 750px;
    float: left;
    padding: 15px;
    margin-right: 15px;
    z-index: 1;

    display: inline-block;
}

div.sidebar{
    background-color: #dbdbdb;
    width: 215px;
    float: right;
    position: absolute;
    padding: 15px;
    display: inline-block;

}

しかし、jsFiddle または私の Web サイトでわかるように、div が一致しないという望ましくない効果が得られます。これの何が悪いのだろうか?ありがとう。私は多くのことを試しました。ありがとう

4

2 に答える 2

3

ところで、素敵なサイト。申し訳ありませんが、私は質問を見ていませんでした。修正は次のとおりです。

<br />の前のを削除する必要があり.sidebarます。

スクリーンショットを参照してください。

前

外すとこんな感じ。

後

于 2013-02-09T07:42:33.393 に答える
2

<br>before サイドバーを削除し、サイドバーからposition:absoluteandを削除して、サイドバーとコンテンツにfloat:right追加します。vertical-align:top

http://jsfiddle.net/GHpux/1/

于 2013-02-09T07:46:25.443 に答える