2 div浮動右對齊顏色

我有三個div。我想最後兩次漂浮在第一名旁邊。但第二個漂浮在3ed之後。這是爲什麼？2 div浮動右對齊顏色

謝謝！

這是我的代碼：

HTML

<div id="holder_idea"><h5>something</h5></div> 
<div id="visual_holder_second">something2</div> 
<div id="invest"> 
<h2>something3</h2></div>

CSS

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

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

#invest{float:right;}

來源

2013-03-25 sta hulja

你想讓它看起來像這樣

| div1 | div2| 
|  | div3|

如果讓我pressume，請記得該浮動把div放在外面正常的物體流動，並使其「粘」到靠近前一個元素的位置，只有在前一個元素不再有空間的情況下才會轉到下一行。舉例：http://www.w3schools.com/css/tryit.asp?filename=trycss_image_gallery （是的，我知道w3schools是邪惡的）請注意位置如何隨着窗口大小的改變而改變。

來源

2013-03-25 06:20:29 Xyzk

我希望他們都在同一行div1/div2/div3 – 2013-03-25 06:33:43

試着改變你的float: right;年代到float: left;和#visual_holder_second刪除width: 140px。

實際上，如果你想要一個多列布局，不要害怕使用好的桌子。他們在90年代受到了虐待，但他們仍然有自己的位置。？

來源

2013-03-25 06:23:21 QuadrupleA

使用代碼格式而不是雙引號，以獲得更好的可讀性 – 2013-03-25 10:03:20

如果你想左浮動，你爲什麼浮動的權利..

應用浮動留給所有三個div的：http://jsfiddle.net/ngztf/

你140px寬比你的實際內容小了很多（我爲了測試目的縮小到3.5em）。

div { 
    float: left; 
    border: 1px solid green; 
} 
#holder_idea { 
    width:200px; 
    padding-right:48px; 
    padding-left:32px; 
    padding-top:32px; 
} 
#visual_holder_second { 
    font-family:"Times New Roman"; 
    font-size:3.5em; 
    text-transform:uppercase; 
    line-height:60%; 
    width:140px; 
    padding-top:32px; 
}

來源

2013-03-25 10:21:29

2 div浮動右對齊顏色

回答

相關問題