0 
<ul class="random-list">
   <li>
       <div class="random-container">
           <div class="inline-block" style="vertical-align: top;">
               <img src="" />
           </div>
           <div class="inline-block" style="vertical-align: top;">
               <a href="">Name</a>
           </div>
       </div>
   </li>
</ul>

そしてcss：

.random-container {
    margin-bottom: 10px;
    width: 100%;
}
.inline-block {
    display: inline-block;
}

結果：

エラー

このエラーを修正する方法：

修理

4

5 に答える 5

6

inline-blockまったく使用しないで、これらの不要な div をすべて削除してはどうでしょうか。

<ul class="random-list">
   <li>
       <img src="" />
       <a href="">Name</a>
   </li>
</ul>

実際の例

于 2012-06-29T07:40:04.993 に答える
1

両方の要素に float: left を指定することをお勧めします。このFiddleを確認してください。

于 2012-06-29T07:41:48.260 に答える
1

画面に十分なスペースがありますか? あなたのコードは、このフィドルで機能するので、私のために機能します:

そうは言っても、別の+1は真実の答えに行きます. 現在使用している多くdivの s を使用する必要はありません。

于 2012-06-29T07:51:09.783 に答える
0 
<ul class="random-list">
   <li>
       <img src=""/>
       <a href="">Name</a>
   </li>
</ul>

#random-list
{
   float:left;
}
于 2012-06-29T07:57:24.570 に答える
-1

ねえ、あなたのデザインに合わせて

あなたはliプロパティ に与えますdisplay:block;

このように

li{
display:block;
}

またはこれ

.random-list li{
display:block;
}

ライブデモhttp://jsfiddle.net/GrZLW/

于 2012-06-29T07:43:28.097 に答える