html - 没有高度的 div 下的 div

Question

如果我有两个 div，并且在第一个 div 中有一些宽度为 100% 的图像标签，所以它适合屏幕

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

我如何使它#second位于下面#first？#first默认情况下它应该可以工作，但是因为没有设置高度，#second所以被定位在同一个#first位置。

Answer 1

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

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

#second {
    float: left;
}

Answer 2

它确实应该默认工作。

你要么

• inline-block制作你的divs
• 将它们设置position为absolute
• float将它们发送到left

很可能是第二种情况。将它们设置position为static.

Answer 3

编辑：太晚了，我打字时问题解决了:)

我们确实需要查看您的 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？