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。

我想您可以通过以下方式解决问题:

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