调整包装函数大小 [英] Resizing Wrapper

问题描述

调整#main_wrap时调整大小的问题：

Having an issue resizing the #main_wrap on:

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/

我相信我只是有一个大脑屁，但我似乎不能让这个工作。

I am sure I am just having a brain fart, but I just can't seem to get this to work.

任何帮助都非常感谢。

Ken

推荐答案

您的 top：325px 值位于 #content 上，比您希望位于元素列表中的值低。因此，您想用 top 按下 #main_wrap ，然后删除 top 从 #content 。

Your top: 325px value is on #content, which is further down than where you want to be in element list. Hence, you want to push down #main_wrap with top, and remove the top from #content.

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

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

这篇关于调整包装函数大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！