タグ付けされた質問 「fieldset」

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

10
なぜフィールドセットタグが必要なのですか?
なぜ&lt;fieldset&gt;タグが必要なのですか?どんな目的であれ、おそらくformタグのサブセットです。 私はW3Schoolsでいくつかの情報を調べました。 &lt;fieldset&gt;タグは、フォームのグループに関連する要素に使用されます。 &lt;fieldset&gt;タグは、関連する要素の周りにボックスを描画します。 「なぜ仕様にあるのか」と「何をするのか」を間違えている人のためのより詳しい説明。描画部分は無関係であり、フォーム内の関連する要素をグループ化するためだけに特別なタグが必要な理由はわかりません。
165 html  fieldset 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.