0

これは私のコードです

<ul style="list-style-type: circle; margin-left:70px;">
<li >
    <a style="">
        <div style="border:1px solid green;float:left">asdsd</div>
        <div style="border:1px solid blue;float:left">.............</div>
    </a>
</li>
</ul>

何らかの理由で、リストの円がテキストの左側ではなくテキストの上に表示されます。

犯人は2つの浮いたdivだと思います。style = "clear：both"の別のdivを使用してこれに対する通常の解決策を試しましたが、それも機能しませんでした。

これは私を夢中にさせています...

編集：リストにdivがある理由は、jquery UIオートコンプリートにこのコードを使用する必要があるためです。これを列（コード内のdiv）に分割する必要があります。これが唯一の方法でした。円がなければ、すべてがうまく機能します。しかし、サークルで...

4

2 に答える 2

1

まず、CSSを別のファイルに分割することをお勧めします。divをフローティングではなくインラインブロックとして表示すると、同様の外観になります。これがコード付きのJSフィドルです：http：//jsfiddle.net/mMQBy/

于 2012-07-30T14:24:33.403 に答える
0

<div>ブロック要素をインライン要素（ in ）に入れることはできません<a>。あなたはあなたの代わりに 使用するよりもあなたの内側
を繰り返す必要があります。例<a><div>
display:inline-blockfloat:left;<div>

http://jsfiddle.net/hJfUF/

于 2012-07-30T14:33:20.970 に答える