html - em と px を使用した CSS スタイルのパディング

Question

ピクセルとemでパディングを行うことは可能ですか? たとえば、padding-left2em プラス 1px で追加できますか? このようなもの...

padding-left: 2em + 1px;

Answer 1

calcあなたは表現を探しています。

https://developer.mozilla.org/en-US/docs/Web/CSS/calc

例えば：

padding: -webkit-calc(2em + 1px);
padding: calc(2em + 1px);

(執筆時点では) このプロパティはまだ実験的なものであることに注意してください。caniuseをチェックして、この式が開発中のすべてのブラウザーで機能するかどうかを確認することをお勧めします。