Question

我意识到这是一个非常基本的问题，也许我正在利用你们所有人，而我应该筛选一些密集的css书籍/材料。但我无法弄清楚为什么我的代码不起作用。

我正在尝试在页面上创建两个div，一个在另一个之下，看起来我应该能够给出低于顶部div的低位和绝对位置。

我必须使用div框，其css布局完全相同，但它们看起来并不像彼此。为什么第二个看起来完全不同于第一个，为什么我不能制作第一个的“副本”并将它放在第一个之下？

继承代码。顶部是所需的卷轴是期望的效果。 http://jsfiddle.net/7YueC/

Answer 1

您不必使用绝对定位将一个div定位在另一个div之下。

Check out this，我做了一个jsFiddle来演示如何让一个div低于另一个。

Answer 2

取出ID上的div和/或添加课程.same，然后将#lasteventimg样式切换为.same。删除#2样式。

小提琴：http://jsfiddle.net/7YueC/7/

Answer 3

因为您尝试对divs和所有包含的元素实现完全相同的效果 - 为什么不定义应用于每个class的{{1}}。 div是块级元素，因此默认情况下它们将堆叠在一起 - 不需要绝对定位。

以下是您的代码，添加了类div并略微修改了CSS http://jsfiddle.net/ZXGUt/

Answer 4

如前所述，如果您在两个div上复制相同的效果，请将样式更改为类并在两者上使用它。其次，ID不能以数字开头，否则样式不会生效。将其更改为secondEventImage或类似。如果您正在编程网站，我建议使用Firefox和插件Firebug。它允许您检查样式是否正在应用，并进行快速编辑以查看在代码中进行更改之前的事情。

代码 - 示例

 div#two {margin-left: 10%;margin-right: 10%;overflow-x: scroll;overflow-y: hidden;}
 div#two ul {list-style: none;height: 100%;width: 8000px;}
 div#two ul li{float:left;}
 div#two img {width: 200px;float: left;}

 OR

 div.sameDivs {..........}
 div.sameDivs ul {..........}
 div.sameDivs ul li {..........}
 div.sameDivs img {..........}
 <div id="lasteventimg" class="sameDivs"> ....... </div>

试图在div css下面创建一个div

4 个答案:

代码 - 示例