html - float :left problem

Question

我的页面中有 3 个 div。以 blok1、blok2 和 blok3 命名。

我正在为 blok1 div 添加到 {float:left;} 但得到这个结果:

screenshot link

我想得到这个结果。

screenshot link2

Answer 1

试试这个:

<style type="text/css">
    #wrap div {
        border: 1px solid #000;
        float: left;
        margin: 5px;
        padding: 5px;
    }
    #div3 { clear: left; }
</style>

<div id="wrap">
    <div id="div1">div1</div>
    <div id="div2">div2</div>
    <div id="div3">div3</div>
</div>