Q&A
省略しているコードはありませんか？
上記のみなのだというなら、それで100%になるはずです。
<body>や<html>も含めてソースコードを記載お願いします。
fieldsetをwidth:100%;height:100%にしたのですが、
下記コードだと親のwidthとheightに合わせて100%になりません
どのように変更すれば、うまく親に合わせられるでしょうか？
<style> body,html{ height:100%; } </style> <div style="width:100%;height:100%;background:green"> <fieldset style="width:100%;height:100%;background:red"> test </fieldset> </div>
回答2件
0
fieldsetはlegendのカラミがあるのでmarginやpaddingが微妙です。
padding:0; margin:0; border:0 solid;
あたりを設定してみてください
投稿2021/03/23 13:44
総合スコア116694
0
ベストアンサー
width や heigth は、デフォルトだとボーダーとパディングを除いたコンテント領域のサイズを指定します。親にピッタリ合わせるためには、
- ボーダーとパディングを消す、または
box-sizing: border-boxを指定する
また、<fieldset> はデフォルトでマージンが指定されているので、マージンもなくす必要があります。
html
1<fieldset style="height:100%; background:red; box-sizing:border-box; margin:0;">
投稿2021/03/23 13:38
総合スコア21679
あなたの回答
tips
プレビュー
