Question

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

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

我想得到这个结果。

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>

Answer 2

你应该将float属性添加到blok1和blok2，以便在另一个旁边找到一个。

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

Answer 3

所以http://jsfiddle.net/6v5gM/

而不是http://jsfiddle.net/JmWZp/1/

只需使用display：table;在divs

Answer 4

你应该像这样

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

浮动：左问题

4 个答案: