display:block;

Question

ボールドテキスト
自分のホームページを作っています。

あるサイトの要素の検査でコードを打っていたのですが、ブロックレベル要素なのにdisplay:block;をつけてる意味がわかりません。

### 該当のソースコード

```css
ソースコード
section,
nav,
figure,
adide,
header,
footer,
main{display:block;}


### 試したこと

ワードを変えてググりました。

### 補足情報（FW/ツールのバージョンなど）

Comments

[m.ts10806]

このタイトルでは何が問題か、要件か分かりません。
また「あるサイトの要素」はあくまでそのあるサイトとやらを構成するために作られているものであって、本来の意図は作った人しか分からないものです。
CSSの指定だけ見せられても意図は分かりません。サイトURLを提示してください。

>ワードを変えてググりました。
「具体的なキーワード」と「参考にしたページURL」揃って初めて他人に調べたことが伝わります。追記してください。

Answer 1

追記: IE対応のために、display: block;が必要そうです。

IE11におけるmain要素の扱い
IE11 is missing User Agent Style for main element (display: block;)

---

HTML5が普及しだしたころ、新しく追加された要素は標準では「display: inline;」が指定されていた..と聞いた覚えがあります。

現在、標準で「display: block;」が指定されているのであれば、現在は不要な記述なのかもしれません。

CSSリセットスタイル
https://qiita.com/Moris_Mk-II/items/17e9a725aada8f96f23e

---

IE11やEdge、Safariでどのような挙動をしているかは調べたほうがいいと思います。
もしかしたら何も指定しないと「display: inline;」が指定されてしまうかもしれません。

Comments

[kei344]

「新しく追加された要素は標準では」の「標準」はHTML5なので各要素に合った指定がされていたと思うのですが、どこかにそれを示す資料などありますか？

[new1ro]

ご指摘ありがとうございます。
一次情報を見つけられていないのですが、間接的にこのあたりになると思います。

http://カラクリ.jp/786/
https://stackoverrun.com/ja/q/9875558
https://qiita.com/rukiadia/items/9c8191590dc151d6ae85
https://stackoverflow.com/questions/20094276/ie11-is-missing-user-agent-style-for-main-element-display-block

IE11などで生じている問題のようです。
回答を書き直してみます。