WEBサイトの製作、管理、とかの日記ブログです。

<<   2018年09月   >>
SunMonTueWedThuFriSat
      1
2345678
9101112131415
16171819202122
23242526272829
30      
新着記事
カテゴリ
過去ログ
コメント
検索
<fieldset>のwidthは子要素のwidth+4pxになるぽい
スマホで見たら<textarea>のサイズがでかすぎてサイドバーが出るページを発見した。
max-widthをつけて修正しようと思ったのだが、確認したら最初からmax-widthが90%になってた。

原因考えたのだが、ウインドウサイズ小さくしていくと、
<textarea>の親要素の<fieldset>が644pxで止まった。
<textarea>のwidth指定は640pxで、<fieldset>のborderとpaddingは標準で1pxになるようなので、
<textarea>のwidth 640pxに<fieldset>のborderとpadding足した644pxになるというわけだ。

つまり、
<textarea>がmax-widthで縮小しても<fieldset>はwidthの640pxまでしか縮小しない。
<fieldset>自体にmax-widthつけても効かない。

FirefoxでもChromeでも同じ感じ。


どうしたもんか・・・
この記事へのコメント
わかった。
<fieldset>のmin-widthを0pxにすればいい。
管理人 2018-08-12 10:48:09
名前:
URL
コメント:
この記事へのトラックバック :
whblog 1.7