2

こんにちは、リストを作成しようとしています (コードはhttp://jsfiddle.net/jLM4J/で共有されています)。

私の質問は、リスト要素が重複してはならないのに、ユーザーの詳細を表示しようとしている最初の項目とリストが重複しているのはなぜですか。

ユーザーの li 要素を ul(http://jsfiddle.net/yYEhS/1/) の外側/内側の別の div に置き換えても、要素が表示される div であるため、ul リストは要素をオーバーラップし続けます。ブロックとして。

これは私の心を台無しにしているので、誰か助けてください。

4

1 に答える 1

0

これfloat:left;は、ユーザー div 宣言の a が原因です。そのように削除すると、機能します：

.user-image {
    width: 30px;
    height: 30px;
    background: url('../../images/user.png') no-repeat center center;
    margin: 1px;
    border: 1px @border-style @border-color;
}

見るべきデザインがなければ、なぜそのフロートを残したのかを知るのは困難です。

PAGE の左に揃える必要がある場合は、ul の外側に配置する必要があります。
ページ内で左揃えにする場合はtext-align:left;、li 要素に割り当てます。

于 2012-07-18T12:59:36.333 に答える