0

在调整#main_wrap 大小时遇到​​问题:

http://www.coffeeproteindrink.com/method-athlete/

#main_wrap {
min-height: 100%;
background: url(images/content_back.png) repeat-y top left; 
margin: 0 0 0 240px;
opacity: .8;
}

#content
{float: left;
margin: -28px 0 30px 0;
position: relative;
z-index: 20;
top: 325px; 
height: 262px;
overflow: scroll;
}

我试图让它看起来像:

http://www.bio-genix.com/

我确定我只是在放屁,但我似乎无法让它发挥作用。

任何帮助深表感谢。

4

2 回答 2

0

要做的一件简单的事情是(如果可以访问 CSS)进入您的#Content 标签

#content {
float: left;
margin: -28px 0 30px 0;
position: relative;
z-index: 20;
top: 325px;
height: 262px;
overflow: scroll;
}

并删除溢出:滚动,因为您的内容分隔线足够大,可以处理内容而不必溢出。所以它应该看起来像这样

#content {
float: left;
margin: -28px 0 30px 0;
position: relative;
z-index: 20;
top: 325px;
height: 262px;
}
于 2012-06-30T20:53:00.817 回答
0

您的top: 325px值是 on #content,它比您希望在元素列表中的位置更靠后。#main_wrap因此,您想用向下推,并从top中删除。top#content

#main_wrap {
    position: absolute; 
    top: 325px;
} 
#content {
    top: 0;
}

http://jfcoder.com/test/methodsite.html

于 2012-06-30T21:21:46.367 回答