これは本当にシンプルなようですが、次のようなシナリオで正しい構文を取得できません。私はいくつかのドロップダウンメニューを画面の上部に定義しています。私はリスト項目(各LI)がその親LIと同じ幅になるようにしたい。それは分の幅と継承のための簡単な仕事のように思えますが、私はそれが適切に動作するように取得することができませんでした。CSSでmin-widthを継承するにはどうすればよいですか?
「継承」という単語は、認識されないかのようにVSに下線が引かれます。ページはビルド/ロードはうまくいくが、LIコントロールは親LIの幅と同じではないので、引数を読んでいないことは明らかである。どんな助けもありがとうございます。ここで
は私のHTMLの一部です:
<ul id="javascriptDDM">
<li><a href="#"> MAIN OPTION 1 </a>
<ul>
<li><a href="../somePage.aspx?type=1"> Choice 1 </a></li>
<li><a href="../somePage.aspx?type=2"> Choice 2 </a></li>
<li><a href="../somePage.aspx?type=3"> Choice 3 </a></li>
</ul>
</li>
<li><a href="../mainPage.aspx"> MAIN OPTION 2 </a>
<ul>
<li><a href="../somePage.aspx?type=1"> Choice 1 </a></li>
<li><a href="../somePage.aspx?type=2"> Choice 2 </a></li>
<li><a href="../somePage.aspx?type=3"> Choice 3 </a></li>
</ul>
</li>
</ul>
... EDIT - ここjavascriptDDM CSSのALLです:すべての
#javascriptDDM { width: auto; margin: 0; padding: 0 }
#javascriptDDM li { width: auto; float: left; list-style: none }
#javascriptDDM li a { display: block; background: #606668; padding: 5px 12px; text-decoration: none; border-right: 1px solid white; border-top: none; color: White; white-space: nowrap; background-position:left center; }
#javascriptDDM li a:hover { background: #999999; color: #FFFFFF; }
#javascriptDDM li ul { width: auto; margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 1000 }
#javascriptDDM li ul li { min-width: inherit; float: none; display: inline }
#javascriptDDM li ul li a{ color: #FFFFFF;background: #999999 }
#javascriptDDM li ul li a:hover { color: #000000; background: #FFFFFF}
'#javascriptDDM li ul li'の' min-width'とは何ですか? – BoltClock
他の#javascriptDDMコントロールの幅を明示的に定義していないので、単にautoを使用しています。 – WEFX
それで 'a 'が継承するものは何ですか? – BoltClock