tengen回答ポイント 80ptウォッチ

縦並びのナビゲーション(リスト形式)を作成する場合(下記ソースコード参照)、liにdisplay: blockを入れる場合と入れない場合はどう違うのでしょうか?Win版のIE6では違いはないように見えます。a要素にdisplay: blockを入れる必要性はわかるのですが・・・。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<title>縦並びのナビゲーション</title>
<style type="text/css">

ul{
list-style:none;
}
li{
display: block;
width: 6em;
background :#99d47f;
}
a{
text-decoration: none;
}
</style>
</head>

<body>
<ul>
<li><a href="#">リンク項目1</a></li>
<li><a href="#">リンク項目2</a></li>
<li><a href="#">リンク項目3</a></li>
</ul>
</body>
</html>

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する

みんなの回答

この質問へのコメント

コメントはありません

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2007-08-25 16:29:09
終了日時
2007-09-01 16:30:04
回答条件
回答にURL必須 1人2回まで

この質問のカテゴリ

この質問に含まれるキーワード

W3C58XHTML194ソースコード559DTD39HTML5036IE6534WIN1352background100

人気の質問

メニュー

PC版