阻止div块移动

Question

我无法控制div块的位置。这是html代码。

<div id="d1">
    <div id="d2">
        <div id="d3" style="float:left" >
            <img src="image.jpg" > 
        </div>

        <div id="d4">
            Lorem Ipsum .... Dummy Text
        </div>
    </div>
    <div id="d5">
        Stop this text from moving up
    </div>
</div>

我希望d3和d4是2个平行列，而d5应该位于这两个列之下，有点像大多数网站中的页脚。因此，当我将float：left样式添加到div d3时，d5文本会在“Lorem Ipsum”文本下方向上移动。如何使2列工作，并使d5的位置固定？它很基本，但我不确定我错过了什么。

Answer 1

尝试添加一个清除：两者;到id为'd5'的div

例如，在你的CSS中

;

div#d5
{
    clear:both;
}

可以找到有关此css属性的更多信息here

Answer 2

只是'浮动：左'不能解决问题。您必须在＃d3中添加宽度或其他内容，并使＃d4浮动（带宽度）。

＃d5然后需要一些样式，比如'clear：both;'把它放在＃d3＆amp; ＃d4列。如果要将其固定在浏览器屏幕的底部，请添加“position：fixed;底部：0;'。 此外，不需要＃d2 div。