css - 自動幅での計算

Question

純粋なcssでこのようなことができるかどうかはわかりません。width: auto - 100px;

element.style {
    margin-left: 100px;
    width: auto;
}

常に、幅から 100px の値を差し引く必要があります。これは JS でのみ実行できますか、または css の代替手段はありますか?

Answer 1

はい、あなたの場合、CSS 3calc()関数を使用できると思います

element.style {
margin-left: 100px;
width: calc(100% - 100px); /* Just an example */
}

Answer 2

広くサポートされている代替 CSS はありません。

この種の計算は JS でのみ行うことができます。

状況によっては、パディングとマージンのトリックを含む解決策があるかもしれません。

参考になる具体例を教えてください。