Question

所以我有三个div。我希望它们像这样漂浮：第1 /第2 /第3，所以在同一行。用我的代码它不起作用。你能救我吗？

这是我的代码：html：

 <div id="holder"><h5>something</h5></div>
 <div id="visual_holder">something2</div>
 <div id="invest"><h2>something3</h2></div>

 css:
 #holder{
         width:200px;
          padding-right:48px;
          padding-left:32px;
         padding-top:32px;
        display:inline-block;
           }

    #visual_holder{
    font-family: "Times New Roman";
    font-size:7.5em;
    text-transform:uppercase;
    line-height:60%;
     float:right;
    padding-top:32px;
     }

    #invest{float:right;}

感谢您的帮助！

Answer 1

它们不应该全部浮动吗？

请参阅此处的示例并根据需要进行更新：http://jsfiddle.net/tRNpQ/

#holder{
         width:200px;
          padding-right:48px;
          padding-left:32px;
         padding-top:32px;
       float:left;
           }

    #visual_holder{
    font-family: "Times New Roman";
    font-size:1.5em;
    text-transform:uppercase;
    line-height:60%;
     float:left;
    padding-top:32px;
     }

    #invest{float:left;}

Answer 2

尝试只交换visual_holder和invest div：

<div id="holder"><h5>something</h5></div>
<div id="invest"><h2>something3</h2></div>
<div id="visual_holder">something2</div>

看来你必须先放最右边的div。另见：CSS Float multiple left-floated elements and one right floated

Answer 3

只需交换你的div的位置，如下所示

 <div id="holder"><h5>something</h5></div>   
 <div id="invest"><h2>something3</h2></div>      
 <div id="visual_holder">something2</div>

div没有正确浮动

3 个答案: