-1

リンクのリストを作成しようとしています.6つのリンクが連続しています。

問題は、リンクがいくつあるかわからないことです。たったの 2 か 25 かもしれません。

このフィドルを見てください。

次の理由により、cssで何か間違ったことをしているに違いありません。

  1. たとえば、リンクが 3 つしかない場合、.toplist div の境界線はラップdivの全長をカバーしていません。

  2. また、新しい行が表示される前に 2 つ以上の div を揃えることはできません。

  3. これはそれほど重要ではありませんが、IE6 では、overlow:autoを使用しても、ul の背景が表示されず (設定した場合)、ul に margin-bottom を設定しても表示されません。見てください。

cssの何が問題なのかについてのアイデアはありますか?

タイ

4

1 に答える 1

1

あなたの元のフィドルを私のフィドルにいくつか変更しました。これをチェックしてください：

.wrap {
width:960px; 
margin:0 auto;
border:1px solid #000
}

.toplist {
border:1px solid #0f6;
padding:0 0 0.5em 1em
}

.toplist ul {
list-style:none;
overflow:hidden;
margin:0;
padding:0;
}
.toplist ul li {
float:left;    
width:15%;
margin-right:1em;
line-height:1.4em;
border-bottom:solid 1px #222;
}
.toplist ul li a, .toplist ul li .cat {
display:block;
font-size:0.7em;
}

.content{
background-color:#FF2E2E;
color:#FFF;
margin-top:100px;
heyight:40px
}​

これがうまくいくことを願っています。:) IE 6でも動作します。:)

于 2012-06-23T03:08:55.717 に答える