2013-04-21 76 views
0

旁边还有3周彼此的div:的div,对准底部

<div style="left: float;">1</div> 
<div style="left: float;">2</div> 
<div style="left: float;">1</div> 

这应该是这样的:

 content 
     content 
page 1 content page 2 

所以页X应当与底部。我看到一些“相对于父母,绝对+底部0为孩子 - 没有工作!

回答

4

浮动是一个糟糕的选择,你希望你的元素是内联块和调整垂直对齐:

http://tinker.io/f6b9e

div { 
    display: inline-block; 
    vertical-align: text-bottom; 
} 

<div>1</div> 
<div>2</div> 
<div>1</div> 
+0

使用_float_是件好事,如果你有IE8(或更少)requierments做的事。如果不是,_inline-block_就是答案。 – Vucko 2013-04-21 20:38:34

+0

冷静。我希望我能成为这个良好的CSS大师 – user1929946 2013-04-21 20:45:02

+0

我希望它不会杀死IE。它应该至少在IE7上运行 – user1929946 2013-04-21 20:45:37