1. ホーム
  2. html

[解決済み] 親のパディングを無視する

2022-04-26 03:39:14

質問

水平方向の罫線に親のパディングを無視させたいのですが、どうすればいいですか?

以下は簡単な例です。

#parent {
  padding:10px;
  width:100px;
}
hr {
  width:100px;
}

水平方向の罫線が親から10pxはみ出ていることがわかります。親 div の他のすべての要素が必要とするパディングを無視するようにしようとしているのです。

他のもの用に別のdivを作ることができるのは承知していますが、これは私が求めている解決策ではありません。

どのように解決するのですか?

簡単な修正、ただやるだけ

margin:-10px

をhrで表示します。