0

Tristans.tk
このサイトでは、下部にあるページネーション リンクをご覧ください。li 要素が ul 要素から飛び出しますが、それは望ましくありません。これは私のPHPスクリプトとCSSです:

$pages=ceil(count(get('SELECT * FROM posts'))/$ipp);
echo "<div class='mid_align' id='pages_div'><ul id='pages_ul'>";
for ($i=1;$i<=$pages;$i++) {
    $d=$i-1;
    echo "<li><a href='index.php?page=$d'>$i</a></li>";
}
echo "</ul></div>";



.mid_align {
    margin-left: auto;
    margin-right: auto;
}
#content #pages_div{
    width: 200px;
    border: 1px solid #000;
    height: 30px;
}
#content #pages_ul {
    list-style: none;
    position:relative;
}
#content #pages_ul li{
    float: left;
    position: relative;
}
#content #pages_ul li a{
    height: 20px;
    width: 30px;
    border: 1px solid #000;
    display: block;
}

それの何が問題なのですか？

4

1 に答える 1

2

CSSコードをリセットしていません。

これはうまくいきます：

ul#pages_ul{
    margin:0;
    padding:0;
}

今後はcssresetを使用することをお勧めします。

于 2013-04-21T20:34:11.940 に答える