私は自分の学校のウェブサイトを作ろうとしており、コンテンツ領域とサイドバーがある領域を取得することに取り組んでいます。ご覧のとおり、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 が一致しないという望ましくない効果が得られます。これの何が悪いのだろうか?ありがとう。私は多くのことを試しました。ありがとう