0

レスポンシブデザインのCSSを理解するのに問題があります。基本的に、左側に固定位置のサイドバーがあり、右側にコンテンツがあります。右側のコンテンツはレスポンシブです。ブラウザを縮小すると、コンテンツボックス自体が縮小されるのではなく、サイドバーの後ろに表示されます。私はCSSを正しく取得できません。

これが私がこれまでに持っているものです。

.sidebar {
position: absolute;
left: 0;
top:0;
height: 100%;
background: url(../images/sidebar.png) repeat-y top left;
width: 225px;
}


.content {
width: 45%;
float: left;
}

.container {
width: 100%;
height:100%;
}

サイドバーのdivはコンテナのdivの上にあり、コンテンツのdivの上にあります。髪の毛が抜け始めているので、どんな助けでも素晴らしいでしょう:(

4

1 に答える 1

0

ここに html を記述しないでください。

magin で問題を解決できると思います:

.content {
width: 45%;
float: left;
margin-left:230px;
}
于 2012-11-14T10:59:02.530 に答える