ここから本文です

HTMLの height: auto; width: auto;は自動的に調節してくれるってことですか?

アバター

ID非公開さん

2019/6/810:48:23

HTMLの height: auto; width: auto;は自動的に調節してくれるってことですか?

だとしたらどんな基準で調節ですか?

閲覧数:
12
回答数:
1

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

oishii_mahouさん

2019/6/811:48:47

> HTMLの height: auto; width: auto;は自動的に調節してくれるってことですか?

その通り。

> だとしたらどんな基準で調節ですか?

「HTML 文書」における各要素の定義にしたがって自動調節される。



【 width 】


<div> などの通常のブロックは、
文書を横帯状に分断して領域を確保するものだから、
横幅に制限が掛けられなければ、
ページの横幅にぴったりハマるように横幅が自動調整される。
padding などが指定されても、横幅にぴったりとフィットする。

<table> については、
文書を分断して領域を確保するブロックではなく、
文書内に表組を形成する要素だから、
横幅の指定がなければ中のコンテンツ幅にフィットするように伸縮する。

<img> 要素については、
行内に配置されるインライン配置の要素だからブロックではないが、
読込まれる画像が縦横サイズを持っているんで
width や height の指定がある。
width や height が指定されていなければ、
画像ファイルそのもののサイズがそのまま適用される。



【 height 】

<div> も <table> も、
内部のコンテンツの高さに合わせて伸縮するように自動調整される。
<img> については、
画像そのものが持っている高さが適用される。

  • oishii_mahouさん

    2019/6/819:11:11

    画像について補足。

    画像の width と height については、
    どちらか片方だけ固定されると、
    縦横比を保つようにもう片方が自動調節される。
    たとえば、
    width が 200px に固定されて height が auto だと、
    画像の横幅が 200px になって、
    それに対して縦横比が保たれるように height が調節される。
    height だけが固定される場合も同様。

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

アバター

質問した人からのコメント

2019/6/14 09:37:21

わからないところが解決しました
ありがとうございます

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる