2011-12-17 15 views
0

私は、インラインブロックと同じ箱に一緒に画像や他のものを表示するためのHTMLのチャンクを持っている:同じ行に表示ブロックdivを合わせる

<body> 
    <div class="attachment-list"> 
    <div class="galleryslot"> 
     <a class=""> 
     <img src="http://www.google.ie/logos/classicplus.png" width="100"> 
     </a> 
     </div> 
     <div class="galleryslot"> 
     <a class="" > 
     <img src="http://www.google.ie/images/nav_logo99.png" width="75"> 
     </a> 
     </div> 
</div> 

は、これは私の試みだったが、それは明らかですミスアラインされていると、ギ​​ャラリースロットにはリンクと画像以上のものが含まれますが、このように動作するはずです。

http://jsbin.com/afiqeg/3

任意のアイデアは、私が何をしないのですか?私はファイアフォックスと非常に似ていますが、幅の広い画像は背の高い部分の下部に揃えられています。

答えて

2

だけfloat: left既存<div> sおよび親overflow: autoを与える:http://jsbin.com/edacib/edit#javascript,html,live `溢れていることは注目に値する

+1

:[オート|隠さ]'行為は自動で '明確float'として。 – jolt

+0

完璧なので、私はインラインブロックのためフロートテクニックは必要ないと思っていましたが、これはうまくいきます! –

関連する問題