-1

だから私は3つの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;}

お手伝いありがとうございます!

4

3 に答える 3

0

それらはすべてフロート左にすべきではありませんか?

こちらの例を参照し、必要に応じて更新してください: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;}
于 2013-03-25T08:59:38.577 に答える
0

visual_holderとdivを交換してみてくださいinvest

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

最初に右端のdivを配置する必要があるようです。こちらもご覧ください:CSSFloat複数の左に浮かぶ要素と1つの右に浮かぶ要素

于 2013-03-25T09:09:08.830 に答える
0

以下のようにdivの位置を交換するだけです

 <div id="holder"><h5>something</h5></div>   
 <div id="invest"><h2>something3</h2></div>      
 <div id="visual_holder">something2</div>      
于 2013-03-26T11:44:53.747 に答える