4
<fieldset>のサイズが正しくありません。削除できない `min-width:min-content`があるようです
問題 私が持っている<select>その場所の1 <option>のテキスト値が非常に長いです。私がしたい<select>、それがその表示されたテキストをカットする場合であっても、その親よりも幅が広いことはありませんので、サイズを変更します。max-width: 100%それを行う必要があります。 サイズ変更前: サイズ変更後に必要なもの: ただし、このjsFiddleの例をロードし、結果パネルの幅をの幅よりも小さくなるようにサイズ変更する<select>と、内の選択が<fieldset>その幅を縮小できないことがわかります。 サイズ変更後に実際に表示されるもの: ただし、aの<div>代わりにaを使用<fieldset>した同等のページは適切にスケーリングされます。1つのページにとが隣接していると、それを確認して変更をより簡単にテストできます。また、周囲のタグを削除すると、サイズ変更が機能します。タグは何とかブレークに水平方向のサイズ変更を引き起こしています。<fieldset><div><fieldset><fieldset> <fieldset>CSSルールがあるかのように行為がありますfieldset { min-width: min-content; }。(min-content手段は、大体、最小幅オーバーフローに子供を起こさないこと。)私が交換した場合<fieldset>と<div>でmin-width: min-content、それはまったく同じに見えます。それでもmin-content、私のスタイル、ブラウザのデフォルトスタイルシート、またはFirebugのCSSインスペクタに表示されるルールはありません。<fieldset>FirebugのCSS InspectorとFirefoxのデフォルトのスタイルシートforms.cssに表示されるすべてのスタイルをオーバーライドしようとしましたが、それは役に立ちませんでした。特にオーバーライドしてmin-width、width何もしませんでした。 コード フィールドセットのHTML: <fieldset> <div class="wrapper"> <select id="section" name="section"> <option value="-1"></option> <option value="1501" selected="selected">Sphinx of black quartz, judge my vow. The quick brown fox jumps over the lazy dog.</option> <option value="1480">Subcontractor</option> <option value="3181">Valley</option> <option value="3180">Ventura</option> …