Html 浮动：左问题

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

我正在为blok1 div添加{float:left；}，但得到以下结果：

我想得到这个结果

---

您应该将float属性添加到blok1和blok2中，以使两者相邻

注意：每个div必须有一个定义的宽度和高度。

尝试以下操作：

<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>

#包裹部{
边框：1px实心#000；
浮动：左；
保证金：5px；
填充物：5px；
}
#div3{清除：左；}
第一组
第二组
第三组

所以

而不是

---

只需使用一个显示：表格；在divs上，您可能应该这样使用它

#blok1 {float:left;}
#blok2 {float:right;}
#blok3 {clear:both;}

或者理想情况下

如果你想让它像列一样，你应该像这样使用它

#ltCol {float:left;}
#rtCol {float:right;}

<div id="ltCol">
    <div id="blok1"></div>
    <div id="blok1"></div>
</div>
<div id="rtCol">
     <div id="blok2"></div>
</div>
<div style="clear:both;"></div>

#ltCol{float:left；}
#rtCol{float:right；}

您必须显示一些代码，我假设您正在向div添加背景，而不是向div添加内容。