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浮动右对齐颜色

回答

相关问题