使父div扩展以适合其中包含的div

时间:2014-06-26 18:30:41

标签: html css

如果在其他地方已经涵盖了这一点,请道歉。我不是专业人士,我有两个模板正在进行我的网站的新设计。

他们可以在:

看到

http://www.purpleski.com/template.aspx

http://www.purpleski.com/template2.aspx

模板

template1.aspx

显示了如何通过简单的内容正常工作。

我认为我遇到的问题很明显,但随着标签内容的扩展,我无法展开div id="main"

相关的css文件位于

www.purpleski.com/css/fws2.css www.purpleski.com/css/menu.css www.purpleski.com/css/indexpage_only.css

希望有人可以提供帮助。

谢谢。

迈克尔

3 个答案:

答案 0 :(得分:0)

#tab-content1绝对定位,因此它需要0px高度(元素从文档中移出)。

从父LI中删除position: absolute(和float left - 或将width设置为父LI}。

答案 1 :(得分:0)

您可以在template2中将div id =“main”的css更改为这样。

#main {
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 920px;
    bottom: 158;
}

并且对于模板1,从tab-content1类中删除position:absolute。

答案 2 :(得分:0)

您设法让它使用不同的代码

http://css-tricks.com/organic-tabs/

很好。只需要查看调用的不同文件jquery文件以及它们在页面上的顺序。

感谢大家的帮助。