0

我的网页上有一个橙色条,它是幻灯片控件的宿主。橙色的容器div设置为扩展主页面div的外部宽度,如下图:

http://jsfiddle.net/Xh8uL/2

但是,当我尝试向我的网页添加更多内容时,任何其他内容都会直接显示在橙色条的上方,而不是下方。我可以让更多内容出现在橙色条下方的唯一方法是将橙色条的位置更改为相对(从绝对) - 这违背了橙色条的全部目的 - 和绝对设置。

对于我正在使用的实现代码,请参阅我的第一个问题: 水平条扩展外部容器


下面是我希望它看起来如何的视觉效果:

http://jsfiddle.net/Xh8uL/5

但这就是它的实际表现(非常糟糕):

在此处输入图像描述

如何让我的内容显示在橙色条下方?


小节后没有内容的小提琴:这里小节后内容的
小提琴:这里

4

2 回答 2

1

添加padding-topparagraph.

p {
   padding-top: 200px;    
}

工作小提琴:这里

于 2012-07-23T12:25:27.270 回答
1

看看这个 jsFiddle

你编码它的方式会干扰页面的流程......绝对定位的元素将始终位于在流程中移动的任何其他元素之上

于 2012-07-23T12:30:33.687 回答