ブラウザはIE7です。私はそれを支配していない。それは吸うが、それは私の世界だ。私はFF3.6でも起こっていることを確認しましたが、正直なところ、企業環境のために、IE7で動作する限り、そこで動作させるためのハングアップはありません。IE7で弾丸が見つからない
このHTML:このCSSで
<!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=utf-8" />
<title>Untitled Document</title>
<link type="text/css" href="test.css" rel="stylesheet" />
</head>
<body>
<div>
<ul>
<li>Top level a
<ul>
<li>level 2 a</li>
<li>level 2 b</li>
<li>level 2 c</li>
<li>level 2 d</li>
</ul>
<li>
<li>Top level b
<ul>
<li>another level 2 a</li>
<li>another level 2 b</li>
<li>another level 2 c</li>
</ul>
</li>
<li>Top level c
<ul>
<li>3 level 2 a</li>
<li>3 level 2 b</li>
<li>3 level 2 c</li>
<li>3 level 2 d</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
:私は何を期待
body { font: 12pt Verdana black; }
/*yellow div entirely for visibility's sake*/
div {
width: 500px;
height: 125px;
background-color: yellow;
}
ul {
margin-left: 15px;
padding-left: 15px;
}
li {
margin-left: 15px;
padding-left: 15px;
}
div ul {
list-style-type: none;
}
div ul li {
font-weight: bold;
display: inline;
float: left;
width: 140px;
}
div ul li ul {
list-style-type: disc;
}
div ul li ul li {
font-weight: normal;
display: list-item;
width: 100%
}
: "トップレベル" の項目は左から右に行に表示されます 彼らのサブリストが表示されますそれぞれのトップレベル項目の下の垂直リストとして表示されます。サブリストには、各アイテムの前に弾丸としてのディスクもあります。
入手方法: トップレベルのアイテムは、左から右への縦のリストとして表示されます。しかし、弾丸は欠けている。
これは絶望的なケースですか?またはIE7を正しいコードで提出することができますか?ただ、ツリーまで
読みやすくするために、HTMLをインデントする必要があります。 – thirtydot