Html 在没有高度的潜水器下潜水

如果我有两个div，在第一个div中有一个宽度为100%的图像标签，因此它适合屏幕

<div id="first"><img src="" width="100%"></div>
<div id="second">Some Text</div>

一些文本

---

如何使

#second

位于

#first

下？默认情况下，它应该可以工作，但由于未设置第一个的高度，所以第二个被定位在第一个定位的相同位置。

浮动和/或给第一个自动高度可能会起到以下作用：

#first { 
    float: left;
    overflow: hidden; /* or height: auto perhaps*/
}

#second {
    float: left;
}

---

它确实应该在默认情况下起作用

你也是

• 使您的divs

  inline块

  s
• 将其

  位置设置为
  绝对位置

• 浮动

  将其移动到

  左侧

---

很可能是第二种情况。将他们的

位置

设置为

静态

编辑：太晚了，键入时问题已解决：）

我们真的需要看看你的CSS，但比较你的价值观，这些；如果他们设置了其他任何设置，这可能就是问题所在

#first {
    display: block;
    float: none;
    position: relative; /* or possibly position: static; */
}

#second {
    display: block;
    float: none;
    position: relative; /* or possibly position: static; */
}

---

那图像呢？有任何CSS规则分配给它吗？这两个div周围是否有一个最大高度的div？

“默认情况下应该可以工作”-->我们确实需要查看CSS以了解哪里出了问题。您是否使用CSS定位它们？您确定没有任何CSS规则应用于

#first

或

#second

可能您将其中一个设置为

位置：absolute

@t.niese我将

#first

设置为

位置：absolute

好的，我有问题。如果我使用

position:static

，我就不能再使用

left、top

等来定位它了。还有别的选择吗？我尝试了边距，但如果我这样做，图像不再适合整个屏幕尝试

位置：相对
，则
左侧
将改变其相对于原始位置的位置，这与我使用
边距时遇到的问题相同。我想让图像填满整个屏幕，但现在右边有空白，我想你需要重新考虑你的结构。如果您创建一个解释您的情况，我们可以更容易地帮助您。