【css】position:fixed;を設定した あるclassにpadding-rightを効かせたいです。

Question

あるclass 「.sample」にposition:fixed;を設定したところ、.sampleにもともと効いていた右の余白がなくなってしまいました。(padding-leftは効いている)
新たにpadding,marginで余白を設定しても効きません。
どうすれば右に余白をつけることができるでしょうか？

※この、ある.sampleはレスポンシブなため、あるclass自体にwidthを設定する方法ではレスポンシブを維持できないため不適格です

.sample {
    position: fixed;
    top: 0;
}

.sampleを囲う.sample-wrapperに padding: 15px;が設定されています。

Comments

[MaShiRo_H]

こんにちは！【あるclass】や現在の見え方がそれぞれ不明確なので、現在のコードを追記していただけると回答しやすいかなと思います^^

[h-o]

ありがとうございます。コードを追加しました。

[MaShiRo_H]

top:0のみではなく、rightやleftを使用して位置を調整することはしておりますでしょうか？？

[h-o]

.sampleにはrightやleftは指定していません。

Answer 1

質問者様が意図しているのは、こういうことですか？

<div class="sample-wrapper">
	<div class="sample">
	hoge hoge
	</div>
</div>

.sample-wrapper {
	padding: 15px;
}
.sample {
	background-color: gray;
	
	position: fixed;
	top: 0;
	right: 15px;
	left: 15px;
}